微信小程序开发指南

基于ColorUI的组件化页面开发


头像标签

头像标签

  • 样式图例

  • 示例代码
<view class="padding">
  <view class="cu-avatar round lg margin-left" wx:for="{{5}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);">
    <view class="cu-tag badge {{index%2==0?'cuIcon-female bg-pink':'cuIcon-male bg-blue'}}"></view>
  </view>
</view>

页面列表

ITEM_HTML