• Loading 加载
    • 引入
  • 代码演示
    • 加载类型
    • 自定义颜色
    • 加载文案
    • 垂直排列
  • API
    • Props
    • Slots

    Loading 加载

    引入

    1. import { Loading } from 'vant';
    3. Vue.use(Loading);

    代码演示

    加载类型

    1. <van-loading />
    2. <van-loading type="spinner" />

    自定义颜色

    1. <van-loading color="#1989fa" />
    2. <van-loading type="spinner" color="#1989fa" />

    加载文案

    1. <van-loading size="24px">加载中...</van-loading>

    垂直排列

    1. <van-loading size="24px" vertical>加载中...</van-loading>

    API

    Props

    参数说明类型默认值版本
    color颜色String#c9c9c9-
    type类型，可选值为 spinnerStringcircular-
    size加载图标大小，默认单位为pxString | Number30px-
    text-size文字大小，默认单位为pxString | Number14px2.0.0
    vertical是否垂直排列图标和文字内容Booleanfalse2.0.0

    Slots

    名称说明
    default加载文案

    Loading 加载 - 图1