首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

在微信小程序中如何使用progress组件

发布网友 发布时间:2022-04-23 14:24

我来回答

1个回答

热心网友 时间:2022-04-22 19:48

你好

记录一个关于progress组件的demo,先看下效果↓

1.附上wxml代码 ↓

usual_progress代码如下↓ 

2.分别介绍一下四个progress

①第一个progress百分比为20, show-info属性为true,在进度条右侧显示进度数字;

②第二个progress百分比为40,stroke-width进度条的宽度(高度)设置为12px,缺省为6px;

③第三个progress设置颜色为pink;

④第四个progress中active属性为true,进度条动态显示。

(只要写上布尔变量的属性,则属性值默认为true,删除该属性或设置属性值为“{{false}}”才为false效果。)

3.附上官网的开发指南

希望对你有帮助!

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com