67 lines
2.3 KiB
Plaintext
67 lines
2.3 KiB
Plaintext
<!--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> |