时间:2021-05-18
主要属性:
效果图:
ml:
<View > <!--百分比是30,并在进度条右侧显示百分比--> <Text class="text-style">百分比是30,并在进度条右侧显示百分比</Text> <progress percent="30" show-info /> <!--百分比是40,进度条线的宽度12px--> <Text class="text-style">百分比是40,进度条线的宽度12px</Text> <progress percent="40" stroke-width="12" /> <!--百分比是60,进度条颜色:pink--> <Text class="text-style">百分比是60,进度条颜色:pink</Text> <progress percent="60" color="pink" /> <!--百分比是80,进度条从左往右的动画--> <Text class="text-style">百分比是80,进度条从左往右的动画</Text> <progress percent="80" show-info active /></View>ss:
.text-style{ font-size: 13px;}感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信小程序内容组件相关文章:微信小程序wxapp内容组件icon微信小程序wxapp内容组件text微信小程序wxapp内容组件progress微信小程序内容组
微信小程序基础组件与导航组件详解:1.基础组件1.1图标icon1.2文本text1.3进度条progress2.导航组件(navigator)1.基础组件1.
微信小程序日历组件calendar详解及实例模版使用:src="../cal/calendar.wxml">is="calendar"data="{{selec
本文实例讲述了微信小程序使用slider设置数据值及switch开关组件功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码①index.wxml微信
微信小程序检查接口状态实例详解实例代码://检查接口是否可用wx.getSetting({success(res){if(!res['scope.record'