微信小程序开发指南

基于ColorUI的组件化页面开发

进度条布局

样式图例

示例代码

&lt;view class=&quot;padding bg-white &quot;&gt;
  &lt;view class=&quot;flex&quot;&gt;
    &lt;view class=&quot;cu-progress round&quot;&gt;
      &lt;view class=&quot;bg-green&quot; style=&quot;width:{{loading?'100%':''}};&quot;&gt;&lt;/view&gt;
    &lt;/view&gt;
    &lt;text class=&quot;cuIcon-roundcheckfill text-green margin-left-sm&quot;&gt;&lt;/text&gt;
  &lt;/view&gt;
  &lt;view class=&quot;flex margin-top&quot;&gt;
    &lt;view class=&quot;cu-progress round&quot;&gt;
      &lt;view class=&quot;bg-green&quot; style=&quot;width:{{loading?'80%':''}};&quot;&gt;&lt;/view&gt;
    &lt;/view&gt;
    &lt;text class=&quot;margin-left&quot;&gt;80%&lt;/text&gt;
  &lt;/view&gt;
&lt;/view&gt;

页面列表

ITEM_HTML