feat: ui update

miniprogram/pages/outfit-edit/outfit-edit.ts

@@ -1,6 +1,7 @@
 import { request } from '../../utils/request'
 import { OutfitItem, ClothesItem, PagedResult } from '../../types/models'
 import { normalizePaged, hasMorePaged } from '../../utils/paged'
+import { navScroll } from '../../utils/nav'
 import { logger } from '../../utils/logger'
 
 // 日志模块名
@@ -36,8 +37,19 @@ Page({
     hasMore: true,
     page: 1,
     saving: false,
+    // 滚动收缩：由 utils/nav.ts 的共享 handler 驱动
+    navScrolled: false,
+    // 删除确认：v2 玻璃弹窗
+    delVisible: false,
+    delButtons: [
+      { text: '取消', value: '' },
+      { text: '确认删除', value: 'ok', type: 'main' },
+    ],
   },
 
+  // scroll-view 滚动 → 导航收缩为玻璃小标题
+  onNavScroll: navScroll,
+
   onLoad(query: Record<string, string>) {
     const uuid = query.uuid || ''
     logger.debug(LOG, 'onLoad, uuid=', uuid, '编辑态=', !!uuid)
@@ -233,28 +245,28 @@ Page({
   },
 
   onDelete() {
-    wx.showModal({
-      title: '确认删除这套穿搭？',
-      content: '删除后不可恢复，但不会影响衣橱内的单品。',
-      confirmText: '确认删除',
-      confirmColor: '#FF3B30',
-      success: (res) => {
-        if (!res.confirm) return
-        request({ url: `/outfit/${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 })
+  },
+
+  onDelCancel() {
+    this.setData({ delVisible: false })
+  },
+
+  onDelConfirm(e: WechatMiniprogram.CustomEvent) {
+    this.setData({ delVisible: false })
+    if (e.detail.value !== 'ok') return
+    request({ url: `/outfit/${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))
   },
 })