Переглянути джерело

feat(lgz): 优化翻牌页面展示逻辑

- 修复了卡片背面图片显示逻辑,增加对 item.img 的判断
- 添加了中奖但没有图片时的展示内容,包括"恭喜您中奖了"和奖品名称
- 调整了卡片文字样式,增加了左右内边距
mws 4 місяців тому
батько
коміт
32bc598700
1 змінених файлів з 5 додано та 1 видалено
  1. 5 1
      pages/lgz/index/index.vue

+ 5 - 1
pages/lgz/index/index.vue

@@ -42,13 +42,16 @@
 										<image class="card-img" :src="item.front" mode="scaleToFill"></image>
 									</view>
 									<view class="card-back">
-										<image class="card-img" :src="item.prizeType == 2 ? item.img : item.back"
+										<image class="card-img" :src="item.prizeType == 2  && item.img ? item.img : item.back"
 											mode="scaleToFill"></image>
 										<view class="card-back-text">
 											<view v-show="item.prizeType == 0" class="card-text">很遗憾</view>
 											<view v-show="item.prizeType == 1" class="card-text">{{item.money/100}}元红包
 											</view>
 											<view v-show="item.prizeType == 0" class="card-text">下次继续</view>
+
+                      <view v-show="item.prizeType == 2 && !item.img " class="card-text">恭喜您中奖了</view>
+                      <view v-show="item.prizeType == 2 && !item.img" class="card-text">{{item.prizeName}}</view>
 										</view>
 									</view>
 								</view>
@@ -694,6 +697,7 @@ import { randomTexts } from '../../../utils/randomTexts.js';
 
 	.card-text {
 		font-size: 26rpx;
+    padding: 0rpx 10rpx;
 	}
 
 	.select-tag {