顶部操作条

• 样式图例

• 示例代码

<view class="cu-bar bg-white">
    <view class="action">
      <text class="cuIcon-back text-gray"></text> 返回
    </view>
    <view class="content text-bold">
      操作条
    </view>
  </view>

• 样式图例

• 示例代码

 <view class="cu-bar bg-white">
    <view class="action">
      <text class="cuIcon-homefill text-gray"></text> 首页
    </view>
    <view class="content text-bold">
      鲜亮的高饱和色彩，专注视觉的小程序组件库
    </view>
    <view class="action">
      <text class="cuIcon-cardboardfill text-grey"></text>
      <text class="cuIcon-recordfill text-red"></text>
    </view>
  </view>

• 样式图例

• 示例代码

<view class="cu-bar bg-blue">
    <view class="action">
      <text class="cuIcon-close"></text> 关闭
    </view>
    <view class="content text-bold">
      海蓝
    </view>
  </view>

• 样式图例

• 示例代码

<view class="cu-bar bg-black search">
    <view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
    <view class="content">
      ColorUI
    </view>
    <view class="action">
      <text class="cuIcon-more"></text>
    </view>
  </view>
</view>