|
|
@@ -17,11 +17,15 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="member-level-badge" v-if="Number(data.member)>0">
|
|
|
- <image v-if="data.member == 1" class="member-badge-icon" style="width:76upx;height:76upx;" src="@/static/member-icons/member-1.svg" mode="aspectFit"></image>
|
|
|
- <image v-else-if="data.member == 2" class="member-badge-icon" style="width:74upx;height:74upx;" src="@/static/member-icons/member-2.svg" mode="aspectFit"></image>
|
|
|
- <image v-else-if="data.member == 3" class="member-badge-icon" style="width:73upx;height:73upx;" src="@/static/member-icons/member-3.svg" mode="aspectFit"></image>
|
|
|
- <image v-else-if="data.member == 4" class="member-badge-icon" style="width:82upx;height:82upx;" src="@/static/member-icons/member-4.svg" mode="aspectFit"></image>
|
|
|
- <image v-else-if="data.member == 5" class="member-badge-icon" style="width:77upx;height:77upx;" src="@/static/member-icons/member-5.svg" mode="aspectFit"></image>
|
|
|
+ <view class="member-badge-row">
|
|
|
+ <image v-if="data.member == 1" class="member-badge-icon" style="width:76upx;height:76upx;" src="@/static/member-icons/member-1.svg" mode="aspectFit"></image>
|
|
|
+ <image v-else-if="data.member == 2" class="member-badge-icon" style="width:74upx;height:74upx;" src="@/static/member-icons/member-2.svg" mode="aspectFit"></image>
|
|
|
+ <image v-else-if="data.member == 3" class="member-badge-icon" style="width:73upx;height:73upx;" src="@/static/member-icons/member-3.svg" mode="aspectFit"></image>
|
|
|
+ <image v-else-if="data.member == 4" class="member-badge-icon" style="width:82upx;height:82upx;" src="@/static/member-icons/member-4.svg" mode="aspectFit"></image>
|
|
|
+ <image v-else-if="data.member == 5" class="member-badge-icon" style="width:77upx;height:77upx;" src="@/static/member-icons/member-5.svg" mode="aspectFit"></image>
|
|
|
+ <text class="member-name">{{ data.memberName }}</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -992,15 +996,23 @@ export default {
|
|
|
|
|
|
.member-level-badge {
|
|
|
@include disFlex(center, flex-end);
|
|
|
- flex-direction: column;
|
|
|
- align-items: flex-end;
|
|
|
margin-left: 20upx;
|
|
|
|
|
|
- .member-name {
|
|
|
- font-weight: 600;
|
|
|
- font-size: 28upx;
|
|
|
- color: #09C567;
|
|
|
- text-align: right;
|
|
|
+ .member-badge-row {
|
|
|
+ @include disFlex(flex-end, center);
|
|
|
+ flex-direction: column;
|
|
|
+ gap: 8upx;
|
|
|
+
|
|
|
+ .member-badge-icon {
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .member-name {
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 26upx;
|
|
|
+ color: #09C567;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.discount-tag {
|
