chore: style

Author: zixuan1986

.codebuddy/memory/2026-08-10.md

@@ -151,6 +151,11 @@
   - data 新增 `activeRecordIndex`；`is-top` 改为 `activeRecordIndex === index`，点击切换（`activeRecordIndex === index ? null : index`）
   - 星级颜色同步：选中项 `star2.svg`（黄色），未选中 `star1.svg`（紫色）
 - 我的奖品整页 loading：`.m-page-prizes` 绑定 `v-loading="myPrizesLoading && !myPrizeList.length"`（首次进入无数据时整页 loading；翻页时有数据不遮整页，用底部「加载中...」）
+- 修复「全部刮开」报错 `Cannot read properties of null (reading 'img')`：
+  - 根因：`openBatchScratch` 中 `batchPrizes = new Array(times).fill(null)`，`fetchPrize` 异步返回前的空位或 `fill(null)` 补位项为 null；`revealBatch` 渲染 `u-result` 访问 `null.img` 报错
+  - `revealBatch`：`batchPrizes = batchPrizes.map(item => item || this.thanksPrize())` 空位兜底「谢谢惠顾」
+  - 模板 `u-result` 判空防御：`item ? item.img : miss.jpg` / `item ? item.name : "谢谢惠顾"`
+- 批量「拿下」不再叠加结果弹窗：`claimBatch` 移除 `resultPrizes` / `showResult = true`（与单卡 `claimSingle` 一致，点击拿下直接关闭连刮弹窗）
 - 我的奖品滚动容器从 `.m-prize-records` 移到 `.m-record-list`：
   - 模板：`@scroll="onRecordsScroll"` 移到 `.m-record-list`；「加载中/没有更多了」提示移入 list 内末尾
   - less：`.m-prize-records` 改为 `flex` 容器（`overflow: hidden`），标题 `.m-section-title-2` `flex-shrink: 0` 固定；`.m-record-list` 承担 `flex: 1; overflow-y: auto` 滚动

src/views/vip/lottery/index-app.vue

@@ -199,8 +199,8 @@
                             :style="{ backgroundImage: `url(${__appImgRoot}card-mini.jpg)` }"
                         ></div>
                         <div class="u-result" v-else>
-                            <img :src="item.img" />
-                            <span>{{ item.name }}</span>
+                            <img :src="item ? item.img : `${__appImgRoot}miss.jpg`" />
+                            <span>{{ item ? item.name : "谢谢惠顾" }}</span>
                         </div>
                     </div>
                 </div>
@@ -903,12 +903,12 @@ export default {
         },
         revealBatch() {
             if (this.batchRevealed) return;
+            // 未中奖的空位兜底为「谢谢惠顾」，避免渲染 null.img 报错
+            this.batchPrizes = this.batchPrizes.map((item) => item || this.thanksPrize());
             this.batchRevealed = true;
         },
         claimBatch() {
             this.showBatchScratch = false;
-            this.resultPrizes = this.batchPrizes.filter(Boolean);
-            this.showResult = true;
             this.remainingCount = Math.max(0, this.remainingCount - this.batchPrizes.length);
             this.isDrawing = false;
             this.refreshCards();