Vant Loading 加载浅析
发布时间：2023-04-20 12:38:44 所属栏目：教程 来源：
导读：Vant Loading 加载组建主要实现菊花跟圆圈加载样式效果。
引入
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
加载类型
通过type属性可以设置加载图标的类
引入
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
加载类型
通过type属性可以设置加载图标的类
|
Vant Loading 加载组建主要实现菊花跟圆圈加载样式效果。 引入 import Vue from 'vue'; import { Loading } from 'vant'; Vue.use(Loading); 加载类型 通过type属性可以设置加载图标的类型，默认为circular，可选值为spinner <van-width="100%" class="table-bordered" /> <van-width="100%" class="table-bordered" type="spinner" /> 自定义颜色 通过color属性设置加载图标的颜色 <van-width="100%" class="table-bordered" color="#1989fa" /> <van-width="100%" class="table-bordered" type="spinner" color="#1989fa" /> 自定义大小 通过size属性设置加载图标的大小，默认单位为px <van-width="100%" class="table-bordered" size="24" /> <van-width="100%" class="table-bordered" type="spinner" size="24px" /> 加载文案 可以使用默认插槽在图标的右侧插入加载文案 <van-width="100%" class="table-bordered" size="24px">加载中...</van-width="100%" class="table-bordered"> 垂直排列 设置vertical属性后，图标和文案会垂直排列 <van-width="100%" class="table-bordered" size="24px" vertical>加载中...</van-width="100%" class="table-bordered"> API Props 参数 说明 类型 默认值 color 颜色 string #c9c9c9 type 类型，可选值为 spinner string circular size 加载图标大小，默认单位为px number | string 30px text-size 文字大小，默认单位为px number | string 14px vertical 是否垂直排列图标和文字内容 boolean false （编辑：汽车网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
