进度条(vProgress)

单组件引入

import <name> from ‘vucc/progress’;

示例










代码 V

<v-progress :progress="20"></v-progress>
<v-progress :size="'large'" :progress="30"></v-progress>
<v-progress :progress="40" :title="'标题'" :info="'啦啦'"></v-progress>
<v-progress :progress="40" :is-show-text="true" :is-active="true"></v-progress>
<v-progress :type="'success'" :progress="50" :explain="'成功'"></v-progress>
<v-progress :type="'error'" :progress="50" :explain="'失败'"></v-progress>
<v-progress :type="'warn'" :progress="50" :explain="'警告'"></v-progress>



属性

参数 说明 类型 可选值 默认值
progress 组件进度百分比 Number [0, 100] 0
type 组件的的类型 String normal/success/error/warn normal
size 组件的的大小 String normal/large normal
title 是否有title,决定是否显示title栏 String - -
info 是否有info提示,存在的时候,显示title栏 String - -
explain 说明文字,决定是否显示explain部分 String - -
isShowText 是否显示progress Boolean - false
isActive 是否展示动态类型的progress Boolean - false
← 折叠面板组(vCollapseGroup) 加载(vLoading) →