<!--pages/badge/index.wxml-->
<view>
  <view class="padding">
    <view class="bg">
      <view class="padding flex flex-center flex-justify-between">
        <view class="card flex flex-center flex-aligin-start flex-justify-start flex-col">
          <view class="month flex flex-center white bold">
            Nov
          </view>
          <view style="width: 100%;font-size: 24px;font-weight: bold; text-align: center;">
            1
          </view>
        </view>

        <view>
          <view>
            <t-avatar-group max="3" collapseAvatar="+5" size="small">
              <t-avatar wx:for="{{pics}}" wx:for-item="pic" wx:key="index" image="{{pic}}" />
            </t-avatar-group>
          </view>
          <view class="white font-12">已有100名参与月度挑战</view>
        </view>
      </view>
      <view class="padding mt-32 flex flex-center flex-justify-start white bold">
        <view class="badge">
          <image mode="widthFix" style="width: 100rpx; height: 100rpx;" src="https://res.catter.cn/pub/2025/09/30/20250930143142508.png"></image>
        </view>
        <view class="ml-16 bold">
          <view>多肉收割者挑战赛</view>
        </view>
      </view>
    </view>
  </view>
  <view class="padding">
    <view>我的徽章</view>
  </view>

  <view class="padding">
    <view class="grid">
      <view wx:for="{{list}}" class="row padding">
        <view>{{item.title}}</view>
        <view>
          <view class="flex flex-center mt-32">
            <image style="width: 200rpx; height: 200rpx;" mode="widthFix" src="https://res.catter.cn/pub/2025/09/30/20250930143142508.png"></image>
          </view>
          <view class="flex flex-center bold mt-16 mb-16">
            {{item.badge}}
          </view>
          <view class="flex flex-center grey font-12">
            {{item.tips}}
          </view>
          <view class="flex flex-center flex-justify-between mt-32">
            <view>
              <t-avatar-group max="2" collapseAvatar="+5" size="small" >
              <t-avatar wx:for="{{2}}" wx:for-item="pic" wx:key="index" style="width: 60rpx;" image="https://res.catter.cn/pub/2025/09/30/20250930143142508.png" />
            </t-avatar-group>

            </view>
            <view class="grey font-12">查看更多</view>
          </view>
        </view>
      </view>
    </view>
  </view>


</view>