wxc-progress使用

论坛 期权论坛 脚本     
匿名技术用户   2020-12-29 14:54   155   0

<wxc-progress>的本质是两个嵌套的<div>。外层<div>负责背景,内层<div>负责进度条。

<wxc-progress :value=70
bar-color=
'#0fee0f'
:bar-height="
16"
:bar-radius="
8"
:bar-width=
640></wxc-progress>

<wxc-progress>共有5个属性:

1. value:百分比。只能是0-100的数值。上面使用v-bind的方式来设置值,可直接赋值int或float或string。对于<0或>100的值,会自动转成0或100。

2. bar-color:进度条颜色。上面直接设置了颜色数值。也可使用v-bind来绑定data中的颜色变量。

3. bar-height:进度条高度。单位是px。由于组件会将该值与“px”进行拼接,所以这里只能设置一个数值,而不能设置“16px”这样的值。

4. bar-radius:圆角半径值。需设为<=bar-height/2的值。同bar-height一样,组件内会拼接“px”,所以必须设置int值。

5. bar-width:进度条宽度。同bar-height。

<wxc-progress>没有slot,且没有默认事件。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP