56 lines
2.2 KiB
Plaintext
56 lines
2.2 KiB
Plaintext
<!--pages/badge/index.wxml-->
|
|
<view>
|
|
<view class="padding">
|
|
<view class="white-bg row padding">
|
|
<view>我的徽章</view>
|
|
<view wx:if="{{myList.length > 0}}">
|
|
<view class="flex flex-center flex-col">
|
|
<image src="{{myList[0].oss.url}}" style="width: 200rpx; height: 200rpx;"></image>
|
|
<view class="mt-16 font-16 bold">{{myList[0].name}}</view>
|
|
<view class="font-14 font-sub mt-16">{{myList[0].desc}}</view>
|
|
<view class="font-14 font-sub mt-16">{{myList[0].createdAtStr}}</view>
|
|
<view class="flex flex-center flex-justify-between full-width mt-32">
|
|
<t-avatar-group max="10" collapseAvatar="+5" size="small">
|
|
<t-avatar wx:for="{{myList}}" wx:key="index" style="width: 60rpx;" image="{{item.oss.url}}" />
|
|
</t-avatar-group>
|
|
<view data-list="{{myList}}" bind:tap="goMore">
|
|
<view class="font-14 font-sub">已经获取{{myList.length}} 个</view>
|
|
<view class="font-12 primary">查看全部</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view style="padding: 0 32rpx ;">全部徽章</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="{{item.badgeList[0].oss.url}}"></image>
|
|
</view>
|
|
<view class="flex flex-center bold mt-16 mb-16">
|
|
{{item.categoryName}}
|
|
</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="{{item.badgeList.length}}" size="small">
|
|
<t-avatar wx:for="{{item.badgeList}}" wx:for-item="sub" wx:key="index" style="width: 60rpx;" image="{{sub.oss.url}}" />
|
|
</t-avatar-group>
|
|
</view>
|
|
<view class="grey font-12 primary" data-list="{{item.badgeList}}" bind:tap="goMore">查看更多</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view> |