源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

微信小程序 progress组件详解及实例代码

  • 时间:2022-06-24 09:36 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:微信小程序 progress组件详解及实例代码
主要属性: [img]http://files.jb51.net/file_images/article/201610/2016102594350539.png?20169259445[/img] 效果图: [img]http://files.jb51.net/file_images/article/201610/2016102594422786.png?201692594435[/img] 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;
}



感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部