| | |
| | | <!-- 顾问排行榜 --> |
| | | <view class="container" @click="isShowFilter = false"> |
| | | <view class="header flex justify-around" v-if="list.length"> |
| | | <view class="flex flex-v align-center mt-20"> |
| | | <view class="flex flex-1 flex-v align-center mt-20"> |
| | | <view class="img-box flex align-center justify-center"> |
| | | <image class="header-img" src="../../static/images/default-avatar.png"></image> |
| | | <image class="header-img" :src="secondPlace.photo?secondPlace.photo:'../../static/images/default-avatar.png'"></image> |
| | | <image class="ranking-img" mode="widthFix" src="../../static/images/small-medal2.png"></image> |
| | | </view> |
| | | <text class="font-12 white mt-5">{{secondPlace.name}} - {{secondPlace.shopName}}</text> |
| | | <text class="font-16 white mt-5">¥{{secondPlace.amount | formatNum}}</text> |
| | | </view> |
| | | <view class="flex flex-v align-center"> |
| | | <view class="flex flex-1 flex-v align-center"> |
| | | <view class="img-box flex align-center justify-center"> |
| | | <image class="header-img" src="../../static/images/default-avatar.png"></image> |
| | | <image class="header-img" :src="firstPlace.photo?firstPlace.photo:'../../static/images/default-avatar.png'"></image> |
| | | <image class="ranking-img" mode="widthFix" src="../../static/images/small-medal1.png"></image> |
| | | <image class="crown-img" mode="widthFix" src="../../static/images/crown.png"></image> |
| | | </view> |
| | | <text class="font-12 white mt-5">{{firstPlace.name}} - {{firstPlace.shopName}}</text> |
| | | <text class="font-16 white mt-5">¥{{firstPlace.amount | formatNum}}</text> |
| | | </view> |
| | | <view class="flex flex-v align-center mt-20"> |
| | | <view class="flex flex-1 flex-v align-center mt-20"> |
| | | <view class="img-box flex align-center justify-center"> |
| | | <image class="header-img" src="../../static/images/default-avatar.png"></image> |
| | | <image class="header-img" :src="thirdPlace.photo?thirdPlace.photo:'../../static/images/default-avatar.png'"></image> |
| | | <image class="ranking-img" mode="widthFix" src="../../static/images/small-medal3.png"></image> |
| | | </view> |
| | | <text class="font-12 white mt-5">{{thirdPlace.name}} - {{thirdPlace.shopName}}</text> |
| | |
| | | <view class="content-row flex align-center justify-between"> |
| | | <view class="flex align-center"> |
| | | <text class="rank blue font-bold">{{selfPlace.rank}}</text> |
| | | <image class="content-img" src="../../static/images/default-avatar.png"></image> |
| | | <image class="content-img" :src="selfPlace.photo?selfPlace.photo:'../../static/images/default-avatar.png'"></image> |
| | | <view class="ml-20 flex flex-v"> |
| | | <text class="font-14">{{selfPlace.name}}</text> |
| | | <text class="font-12 gray mt-5">{{selfPlace.shopName}}</text> |
| | |
| | | <view class="content-row flex align-center justify-between" v-for="(item, index) in otherList"> |
| | | <view class="flex align-center"> |
| | | <text class="rank">{{index+4}}</text> |
| | | <image class="content-img" src="../../static/images/default-avatar.png"></image> |
| | | <image class="content-img" :src="item.photo?item.photo:'../../static/images/default-avatar.png'"></image> |
| | | <view class="ml-20 flex flex-v"> |
| | | <text class="font-14">{{item.name}}</text> |
| | | <text class="font-12 gray mt-5">{{item.shopName}}</text> |