微信小程序开发指南

基于ColorUI的组件化页面开发


数字标签

数字标签

  • 样式图例

  • 示例代码

<view class="padding flex justify-between align-center">
  <view class="cu-avatar xl radius">
    港
    <view class="cu-tag badge">99+</view>
  </view>
  <view class="cu-avatar xl radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);">
    <view class="cu-tag badge">9</view>
  </view>
  <view class="cu-avatar xl radius">
    <view class="cu-tag badge"></view>
    <text class="cuIcon-people"></text>
  </view>
  <view class="cu-avatar xl radius">
    <view class="cu-tag badge">99+</view>
  </view>
</view>

页面列表

ITEM_HTML