feat: ui update

miniprogram/pages/clothes-detail/clothes-detail.ts

@@ -1,6 +1,7 @@
 import { request } from '../../utils/request'
 import { ClothesItem } from '../../types/models'
 import { ProcessStatus } from '../../utils/config'
+import { navScroll } from '../../utils/nav'
 import { logger } from '../../utils/logger'
 
 // 日志模块名
@@ -122,8 +123,23 @@ Page({
     sheetOptions: [] as string[],
     sheetValue: '',
     sheetValues: [] as string[],
+    // 滚动收缩：由 utils/nav.ts 的共享 handler 驱动
+    navScrolled: false,
+    // 删除确认：v2 玻璃弹窗
+    delVisible: false,
+    delText: '',
+    delButtons: [
+      { text: '取消', value: '' },
+      { text: '确认删除', value: 'ok', type: 'main' },
+    ],
   },
 
+  // scroll-view 滚动 → 导航收缩为玻璃小标题
+  onNavScroll: navScroll,
+
+  // 抽屉内容点击不穿透到遮罩
+  noop() {},
+
   onLoad(query: Record<string, string>) {
     const uuid = query.uuid || ''
     const shareUUID = query.share_uuid || ''
@@ -155,7 +171,7 @@ Page({
       : `/clothes/${this.data.uuid}`
     return request<ClothesItem>({ url })
       .then((detail) => {
-        logger.debug(LOG, '详情加载成功, 处理状态=', detail && detail.image_process_status)
+        logger.debug(LOG, '详情加载成功, name=', detail && detail.name)
         this.setData({ detail, loading: false })
       })
       .catch((e: any) => {
@@ -320,31 +336,34 @@ Page({
       .catch((e: any) => logger.warn(LOG, '衣物信息保存失败, code=', e && e.code))
   },
 
+  // 删除入口：打开 v2 玻璃确认弹窗
   onDelete() {
     const canRefund = this.data.imageStatus !== ProcessStatus.FAILED
-    const content = canRefund ? '删除后将退回 1 次上传额度，确认删除？' : '确认删除？'
-    wx.showModal({
-      title: '删除这件衣物',
-      content,
-      confirmText: '确认删除',
-      confirmColor: '#FF3B30',
-      success: (res) => {
-        if (!res.confirm) return
-        request({ url: `/clothes/${this.data.uuid}`, method: 'DELETE' })
-          .then(() => {
-            logger.info(LOG, '衣物删除成功')
-            wx.showToast({ title: '已删除', icon: 'success' })
-            setTimeout(
-              () =>
-                wx.navigateBack({
-                  fail: (e) => logger.warn(LOG, 'navigateBack 失败, err=', e && e.errMsg),
-                }),
-              500,
-            )
-          })
-          .catch((e: any) => logger.warn(LOG, '衣物删除失败, code=', e && e.code))
-      },
-      fail: (e) => logger.warn(LOG, '删除弹窗失败, err=', e && e.errMsg),
+    this.setData({
+      delVisible: true,
+      delText: canRefund ? '删除后将退回 1 次上传额度，确认删除？' : '确认删除？',
     })
   },
+
+  onDelCancel() {
+    this.setData({ delVisible: false })
+  },
+
+  onDelConfirm(e: WechatMiniprogram.CustomEvent) {
+    this.setData({ delVisible: false })
+    if (e.detail.value !== 'ok') return
+    request({ url: `/clothes/${this.data.uuid}`, method: 'DELETE' })
+      .then(() => {
+        logger.info(LOG, '衣物删除成功')
+        wx.showToast({ title: '已删除', icon: 'success' })
+        setTimeout(
+          () =>
+            wx.navigateBack({
+              fail: (e2) => logger.warn(LOG, 'navigateBack 失败, err=', e2 && e2.errMsg),
+            }),
+          500,
+        )
+      })
+      .catch((e2: any) => logger.warn(LOG, '衣物删除失败, code=', e2 && e2.code))
+  },
 })