feat: ui update

miniprogram/pages/outfit-share-detail/outfit-share-detail.ts

@@ -1,6 +1,7 @@
 import { request, AUTH_EXPIRED_CODES } from '../../utils/request'
 import { OutfitShareDetail, OutfitItem } from '../../types/models'
 import { ShareStatus } from '../../utils/config'
+import { navScroll } from '../../utils/nav'
 import { logger } from '../../utils/logger'
 
 // 日志模块名
@@ -10,14 +11,26 @@ Page({
   data: {
     uuid: '',
     detail: null as OutfitShareDetail | null,
-    outfit: { items: [] } as OutfitItem,
+    outfit: { items: [] } as unknown as OutfitItem,
     loading: true,
     invalid: false,
     invalidTitle: '该分享已取消',
     invalidDesc: '分享链接已失效',
     needLogin: false,
+    // 滚动收缩：由 utils/nav.ts 的共享 handler 驱动
+    navScrolled: false,
+    // 取消分享确认：v2 玻璃弹窗
+    cancelVisible: false,
+    cancelContent: '取消后该分享链接将失效',
+    cancelButtons: [
+      { 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)
@@ -93,29 +106,29 @@ Page({
   },
 
   onCancel() {
-    wx.showModal({
-      title: '取消分享',
-      content: '取消后该分享链接将失效',
-      confirmText: '取消分享',
-      confirmColor: '#FF3B30',
-      success: (res) => {
-        if (!res.confirm) return
-        request({ url: `/outfit-share/${this.data.uuid}/cancel`, method: 'POST' })
-          .then(() => {
-            logger.info(LOG, '取消分享成功')
-            wx.showToast({ title: '已取消', icon: 'success' })
-            ;(this as any).backTimer = setTimeout(
-              () =>
-                wx.navigateBack({
-                  fail: (e: any) => logger.warn(LOG, 'navigateBack 失败, err=', e && e.errMsg),
-                }),
-              500,
-            )
-          })
-          .catch((e: any) => logger.warn(LOG, '取消分享失败, code=', e && e.code))
-      },
-      fail: (e: any) => logger.warn(LOG, '取消分享弹窗失败, err=', e && e.errMsg),
-    })
+    this.setData({ cancelVisible: true })
+  },
+
+  onCancelCancel() {
+    this.setData({ cancelVisible: false })
+  },
+
+  onCancelConfirm(e: WechatMiniprogram.CustomEvent) {
+    this.setData({ cancelVisible: false })
+    if (e.detail.value !== 'ok') return
+    request({ url: `/outfit-share/${this.data.uuid}/cancel`, method: 'POST' })
+      .then(() => {
+        logger.info(LOG, '取消分享成功')
+        wx.showToast({ title: '已取消', icon: 'success' })
+        ;(this as any).backTimer = setTimeout(
+          () =>
+            wx.navigateBack({
+              fail: (err: any) => logger.warn(LOG, 'navigateBack 失败, err=', err && err.errMsg),
+            }),
+          500,
+        )
+      })
+      .catch((err: any) => logger.warn(LOG, '取消分享失败, code=', err && err.code))
   },
 
   onBackHome() {