|
|
@@ -78,9 +78,12 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <view class="member-info" :class="{ 'with-level-badge': showMemberBadge(item) }">
|
|
|
+ <view class="member-info">
|
|
|
<view class="name-row">
|
|
|
<view class="member-name">{{ item.name }}</view>
|
|
|
+ <view v-if="showMemberBadge(item)" class="level-badge">
|
|
|
+ <image class="level-badge-icon" :src="memberBadgeSrc(item.member)" mode="aspectFit" />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="meta-row">
|
|
|
<view class="meta-item">
|
|
|
@@ -102,9 +105,6 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <view v-if="showMemberBadge(item)" class="level-badge">
|
|
|
- <image class="level-badge-icon" :src="memberBadgeSrc(item.member)" mode="aspectFit" />
|
|
|
- </view>
|
|
|
<text class="arrow">›</text>
|
|
|
</view>
|
|
|
</block>
|
|
|
@@ -598,10 +598,6 @@ export default {
|
|
|
min-width: 0;
|
|
|
}
|
|
|
|
|
|
-.member-info.with-level-badge {
|
|
|
- padding-right: 58upx;
|
|
|
-}
|
|
|
-
|
|
|
.name-row {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -609,9 +605,11 @@ export default {
|
|
|
}
|
|
|
|
|
|
.member-name {
|
|
|
- max-width: 100%;
|
|
|
+ flex-shrink: 1;
|
|
|
+ min-width: 0;
|
|
|
+ max-width: 420upx;
|
|
|
color: #111416;
|
|
|
- font-size: 36upx;
|
|
|
+ font-size: 38upx;
|
|
|
line-height: 42upx;
|
|
|
font-weight: 400;
|
|
|
overflow: hidden;
|
|
|
@@ -620,19 +618,15 @@ export default {
|
|
|
}
|
|
|
|
|
|
.level-badge {
|
|
|
- position: absolute;
|
|
|
- right: 46upx;
|
|
|
- top: 54%;
|
|
|
- z-index: 1;
|
|
|
+ margin-left: 10upx;
|
|
|
+ flex-shrink: 0;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- transform: translate(-10upx, -50%);
|
|
|
- pointer-events: none;
|
|
|
}
|
|
|
|
|
|
.level-badge-icon {
|
|
|
- width: 56upx;
|
|
|
- height: 56upx;
|
|
|
+ width: 44upx;
|
|
|
+ height: 44upx;
|
|
|
}
|
|
|
|
|
|
.arrow {
|
