微信小程序开发指南

基于ColorUI的组件化页面开发


进度条布局

进度条布局

  • 样式图例

  • 示例代码
<view class="padding bg-white ">
  <view class="flex">
    <view class="cu-progress round">
      <view class="bg-green" style="width:{{loading?'100%':''}};"></view>
    </view>
    <text class="cuIcon-roundcheckfill text-green margin-left-sm"></text>
  </view>
  <view class="flex margin-top">
    <view class="cu-progress round">
      <view class="bg-green" style="width:{{loading?'80%':''}};"></view>
    </view>
    <text class="margin-left">80%</text>
  </view>
</view>

页面列表

ITEM_HTML