|
|
@@ -14,15 +14,23 @@
|
|
|
</u-col>
|
|
|
<u-col span="5">
|
|
|
<view style="vertical-align: middle;display: flex;">
|
|
|
- <image src="/static/avatar.png" style="width: 80rpx;height: 80rpx;"></image>
|
|
|
- <view class="r_t2">李宏杰</view>
|
|
|
+ <image :src="userInfo!=null?$method.splitImgHost(userInfo.avatar):''" style="width: 80rpx;height: 80rpx;border-radius: 50%;"></image>
|
|
|
+ <view class="r_t2">{{userInfo.nickname}}</view>
|
|
|
</view>
|
|
|
</u-col>
|
|
|
- <u-col span="5">
|
|
|
+ <u-col span="5" v-if="current==0">
|
|
|
<view style="color: #0183FE;font-size: 28rpx;">
|
|
|
<view style="line-height: 80rpx;">
|
|
|
- <text>第15名</text>
|
|
|
- <text style="margin-left: 30rpx;">12h</text>
|
|
|
+ <text>第{{info.rank}}名</text>
|
|
|
+ <text style="margin-left: 30rpx;">{{info.hourse}}h</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="5" v-if="current==1">
|
|
|
+ <view style="color: #0183FE;font-size: 28rpx;">
|
|
|
+ <view style="line-height: 80rpx;">
|
|
|
+ <text>第{{info2.rank}}名</text>
|
|
|
+ <text style="margin-left: 30rpx;">{{info2.hourse}}h</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-col>
|
|
|
@@ -46,7 +54,7 @@
|
|
|
</u-row>
|
|
|
</view>
|
|
|
<scroll-view class='main-scroll' scroll-y >
|
|
|
- <view v-for="(item,index) in list2" :key="index" class="rank_item">
|
|
|
+ <view v-for="(item,index) in list2" :key="index" class="rank_item" v-if="current==0">
|
|
|
<u-row >
|
|
|
<u-col span="2" text-align="center">
|
|
|
<view class="rank_t3">
|
|
|
@@ -58,16 +66,36 @@
|
|
|
</u-col>
|
|
|
<u-col span="8" >
|
|
|
<view style="vertical-align: middle;display: flex;">
|
|
|
- <image src="/static/avatar.png" style="width: 80rpx;height: 80rpx;"></image>
|
|
|
- <view class="rank_t4" style="padding-left: 30rpx;">陈政</view>
|
|
|
+ <image :src="$method.splitImgHost(item.avatar)" style="width: 80rpx;height: 80rpx;border-radius: 50%;"></image>
|
|
|
+ <view class="rank_t4" style="padding-left: 30rpx;">{{item.nickname}}</view>
|
|
|
</view>
|
|
|
</u-col>
|
|
|
<u-col span="2" text-align="left">
|
|
|
- <view class="rank_t4">72h</view>
|
|
|
+ <view class="rank_t4">{{item.hourse}}h</view>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+ </view>
|
|
|
+ <view v-for="(item,index) in list3" :key="index" class="rank_item" v-if="current==1">
|
|
|
+ <u-row >
|
|
|
+ <u-col span="2" text-align="center">
|
|
|
+ <view class="rank_t3">
|
|
|
+ <image src="/static/sort_1.png" class="rank_img" v-if="index==0"></image>
|
|
|
+ <image src="/static/sort_2.png" class="rank_img" v-if="index==1"></image>
|
|
|
+ <image src="/static/sort_3.png" class="rank_img" v-if="index==2"></image>
|
|
|
+ <view v-if="index>2" class="rank_t5">{{index+1}}</view>
|
|
|
+ </view>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="8" >
|
|
|
+ <view style="vertical-align: middle;display: flex;">
|
|
|
+ <image :src="$method.splitImgHost(item.avatar)" style="width: 80rpx;height: 80rpx;border-radius: 50%;"></image>
|
|
|
+ <view class="rank_t4" style="padding-left: 30rpx;">{{item.nickname}}</view>
|
|
|
+ </view>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="2" text-align="left">
|
|
|
+ <view class="rank_t4">{{item.hourse}}h</view>
|
|
|
</u-col>
|
|
|
</u-row>
|
|
|
</view>
|
|
|
-
|
|
|
</scroll-view>
|
|
|
|
|
|
</view>
|
|
|
@@ -76,6 +104,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {mapGetters} from 'vuex';
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -86,20 +115,39 @@
|
|
|
}],
|
|
|
current: 0,
|
|
|
list2:[1,1,1,1,1,1,1,1,1,1,1],
|
|
|
+ list3:[],
|
|
|
+ info:{},
|
|
|
+ info2:{},
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
-
|
|
|
+ this.rankList()
|
|
|
+ this.rankList2()
|
|
|
},
|
|
|
onShow(){
|
|
|
},
|
|
|
methods: {
|
|
|
change(index) {
|
|
|
this.current = index;
|
|
|
- }
|
|
|
+ },
|
|
|
+ rankList(){
|
|
|
+ let self = this
|
|
|
+ this.$api.rankList({status:0}).then(res => {
|
|
|
+ self.info = res.data.data
|
|
|
+ self.list2 = res.data.data.ranKingUsers
|
|
|
+ });
|
|
|
+ },
|
|
|
+ rankList2(){
|
|
|
+ let self = this
|
|
|
+ this.$api.rankList({status:1}).then(res => {
|
|
|
+ self.info2 = res.data.data
|
|
|
+ self.list3 = res.data.data.ranKingUsers
|
|
|
+ console.log(self.info2,333)
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
},
|
|
|
-
|
|
|
+ computed: {...mapGetters(['userInfo'])}
|
|
|
}
|
|
|
</script>
|
|
|
|