|
@@ -6,14 +6,19 @@
|
|
|
<text class="item-rankNum"
|
|
<text class="item-rankNum"
|
|
|
:class="getMedalClass(item.rankNum)">{{item.rankNum > 0 ? item.rankNum : '--'}}</text>
|
|
:class="getMedalClass(item.rankNum)">{{item.rankNum > 0 ? item.rankNum : '--'}}</text>
|
|
|
<view class="item-detail uni-row">
|
|
<view class="item-detail uni-row">
|
|
|
- <view class="uni-row">
|
|
|
|
|
- <text class="item-userName">{{ teamType >= 0 ? getTeamName(teamType, item.userName) : item.userName}}</text>
|
|
|
|
|
|
|
+ <view class="uni-row item-box">
|
|
|
|
|
+ <view v-if="item.isDispAdditionalName == 1 && item.additionalName.length > 0" class="uni-row item-userName">
|
|
|
|
|
+ <text class="item-userName2">{{item.userName}}</text>
|
|
|
|
|
+ <text class="item-additionalName">({{item.additionalName}})</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <text v-else class="item-userName">{{ teamType >= 0 ? getTeamName(teamType, item.userName) : item.userName}}</text>
|
|
|
<image class="item-inGame" v-if="item.isInGame == 1" mode="aspectFit" src="/static/common/ingame.gif"></image>
|
|
<image class="item-inGame" v-if="item.isInGame == 1" mode="aspectFit" src="/static/common/ingame.gif"></image>
|
|
|
</view>
|
|
</view>
|
|
|
<text class="item-totalTime" v-if="rankType == 'totalDistance'">{{fmtDistanct(item.inRankNum)}} km</text>
|
|
<text class="item-totalTime" v-if="rankType == 'totalDistance'">{{fmtDistanct(item.inRankNum)}} km</text>
|
|
|
<text class="item-totalTime" v-else-if="rankType == 'fastPace'">{{fmtPace(item.inRankNum)}}</text>
|
|
<text class="item-totalTime" v-else-if="rankType == 'fastPace'">{{fmtPace(item.inRankNum)}}</text>
|
|
|
<text class="item-totalTime" v-else-if="rankType == 'rightAnswerPer'">{{item.inRankNum}}%</text>
|
|
<text class="item-totalTime" v-else-if="rankType == 'rightAnswerPer'">{{item.inRankNum}}%</text>
|
|
|
<text class="item-totalTime" v-else-if="rankType == 'totalCp' || rankType == 'totalSysPoint'">{{item.inRankNum}} 个</text>
|
|
<text class="item-totalTime" v-else-if="rankType == 'totalCp' || rankType == 'totalSysPoint'">{{item.inRankNum}} 个</text>
|
|
|
|
|
+ <text class="item-totalTime" v-else-if="rankType == 'totalScore'">{{item.inRankNum}}</text>
|
|
|
<text class="item-totalTime" v-else-if="rankType == 'speed'">{{fmtTime(item.inRankNum)}}</text>
|
|
<text class="item-totalTime" v-else-if="rankType == 'speed'">{{fmtTime(item.inRankNum)}}</text>
|
|
|
<text class="item-totalTime" v-else>{{fmtTime(item.totalTime)}}</text>
|
|
<text class="item-totalTime" v-else>{{fmtTime(item.totalTime)}}</text>
|
|
|
</view>
|
|
</view>
|
|
@@ -203,22 +208,26 @@
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.list {
|
|
.list {
|
|
|
- width: 95%;
|
|
|
|
|
|
|
+ width: 90%;
|
|
|
height: 43vh;
|
|
height: 43vh;
|
|
|
flex-grow: 1;
|
|
flex-grow: 1;
|
|
|
overflow: scroll;
|
|
overflow: scroll;
|
|
|
- margin-top: 16rpx;
|
|
|
|
|
- margin-bottom: 16rpx;
|
|
|
|
|
|
|
+ margin-top: 8px;
|
|
|
|
|
+ margin-bottom: 8px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.list-item {
|
|
.list-item {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 70rpx;
|
|
|
|
|
|
|
+ height: 35px;
|
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
|
|
|
|
|
|
// transition: all 1s ease;
|
|
// transition: all 1s ease;
|
|
|
// -webkit-transition: all 1s ease;
|
|
// -webkit-transition: all 1s ease;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ ::v-deep .uni-list-item__container {
|
|
|
|
|
+ padding: 0 5px;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
.list-item-move {
|
|
.list-item-move {
|
|
|
background-color: #bd640a !important;
|
|
background-color: #bd640a !important;
|
|
@@ -226,19 +235,19 @@
|
|
|
|
|
|
|
|
.list-item-isself {
|
|
.list-item-isself {
|
|
|
background-color: #ececea !important;
|
|
background-color: #ececea !important;
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
|
|
+ border-radius: 6px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.item-rankNum {
|
|
.item-rankNum {
|
|
|
- width: 80rpx;
|
|
|
|
|
- height: 50rpx;
|
|
|
|
|
|
|
+ width: 40px;
|
|
|
|
|
+ height: 25px;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- margin-top: 6rpx;
|
|
|
|
|
- padding-right: 0.5rpx;
|
|
|
|
|
- margin-right: 10rpx;
|
|
|
|
|
- font-size: 26rpx;
|
|
|
|
|
|
|
+ margin-top: 3px;
|
|
|
|
|
+ padding-right: 0.25px;
|
|
|
|
|
+ margin-right: 5px;
|
|
|
|
|
+ font-size: 13px;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
- line-height: 50rpx;
|
|
|
|
|
|
|
+ line-height: 25px;
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
background-position-x: center;
|
|
background-position-x: center;
|
|
|
background-position-y: top;
|
|
background-position-y: top;
|
|
@@ -247,10 +256,10 @@
|
|
|
|
|
|
|
|
.item-detail {
|
|
.item-detail {
|
|
|
width: 82%;
|
|
width: 82%;
|
|
|
- height: 60rpx;
|
|
|
|
|
- padding-left: 10rpx;
|
|
|
|
|
- padding-right: 10rpx;
|
|
|
|
|
- border-bottom: #ececea 5rpx solid;
|
|
|
|
|
|
|
+ height: 30px;
|
|
|
|
|
+ padding-left: 5px;
|
|
|
|
|
+ padding-right: 5px;
|
|
|
|
|
+ border-bottom: #ececea 2px solid;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -278,22 +287,51 @@
|
|
|
color: #9a140a;
|
|
color: #9a140a;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ .item-box {
|
|
|
|
|
+ width: 80%;
|
|
|
|
|
+ // background-color: #55aa00;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.item-userName {
|
|
.item-userName {
|
|
|
- max-width: 360rpx;
|
|
|
|
|
- font-size: 30rpx;
|
|
|
|
|
|
|
+ // max-width: 176px;
|
|
|
|
|
+ // max-width: 66%;
|
|
|
|
|
+ max-width: 88%;
|
|
|
|
|
+ font-size: 15px;
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .item-userName2 {
|
|
|
|
|
+ // max-width: 88%;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .item-additionalName {
|
|
|
|
|
+ // max-width: 100px;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ color: #9f9f9f;
|
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.item-inGame {
|
|
.item-inGame {
|
|
|
- width: 36rpx;
|
|
|
|
|
- height: 60rpx;
|
|
|
|
|
- margin-left: 20rpx;
|
|
|
|
|
|
|
+ width: 18px;
|
|
|
|
|
+ height: 30px;
|
|
|
|
|
+ margin-left: 3px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.item-totalTime {
|
|
.item-totalTime {
|
|
|
- font-size: 26rpx;
|
|
|
|
|
|
|
+ font-size: 13px;
|
|
|
font-weight: 550;
|
|
font-weight: 550;
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .nowrap {
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|