分享功能和资质文件展示

apps/mini-user/src/pages/mine/index.config.ts

@@ -2,4 +2,6 @@ export default definePageConfig({
   navigationBarTitleText: '我的',
   enablePullDownRefresh: true,
   backgroundTextStyle: 'dark',
+  enableShareAppMessage: true,
+  enableShareTimeline: true,
 });

apps/mini-user/src/pages/mine/index.tsx

@@ -1,6 +1,6 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { View, Text, Image, Button, Input, ScrollView } from '@tarojs/components';
-import Taro, { useDidShow, usePullDownRefresh } from '@tarojs/taro';
+import Taro, { useDidShow, usePullDownRefresh, useShareAppMessage, useShareTimeline } from '@tarojs/taro';
 import {
   BRAND_LOGO_MARK_URL,
   QUALIFICATION_DISCLOSURE_URL,
@@ -9,6 +9,7 @@ import {
 } from '@dukang/shared-types';
 import PageShell from '../../components/PageShell';
 import TabMainHeader from '../../components/TabMainHeader';
+import WechatShareReady from '../../components/WechatShareReady';
 import UserTabBar, { shouldRenderPageTabBar, syncTabBarSelected } from '../../components/UserTabBar';
 import { goLogin } from '../../lib/auth-nav';
 import { bindWechatForUser } from '../../lib/wechat-auth';
@@ -22,6 +23,11 @@ import {
 } from '../../lib/mini-wechat-profile';
 import { isLoggedIn, logout, request, toast, type UserProfile } from '../../lib/api';
 import { isWechatEnv } from '../../lib/weixin';
+import {
+  DEFAULT_SHARE_DESC,
+  DEFAULT_SHARE_TITLE,
+  toWeappShareMessage,
+} from '../../lib/wechat-share';
 
 const ORDER_SHORTCUTS = [
   { tab: 'pending_pay', icon: '付', label: '待付款' },
@@ -132,6 +138,21 @@ export default function MinePage() {
       .catch(() => setWxAuthorize(true));
   }, []);
 
+  const sharePayload = useMemo(
+    () => ({
+      title: '杜康好客 · 我的',
+      desc: DEFAULT_SHARE_DESC,
+      path: '/pages/mine/index',
+    }),
+    [],
+  );
+
+  useShareAppMessage(() => toWeappShareMessage(sharePayload));
+  useShareTimeline(() => ({
+    title: sharePayload.title || DEFAULT_SHARE_TITLE,
+    query: '',
+  }));
+
   async function ensureWechatBound(): Promise<boolean> {
     if (profile?.hasWechat) return true;
     if (!wxAuthorize) {
@@ -279,6 +300,7 @@ export default function MinePage() {
   if (!authed) {
     return (
       <PageShell variant="tab" className="mine-page no-tab-header">
+        <WechatShareReady payload={sharePayload} />
         <TabMainHeader title="我的" />
         <View className="mine-header">
           <View className="mine-header-texture" />
@@ -331,6 +353,7 @@ export default function MinePage() {
 
   return (
     <PageShell variant="tab" className="mine-page no-tab-header">
+      <WechatShareReady payload={sharePayload} />
       <TabMainHeader title="我的" />
       <View className="mine-header">
         <View className="mine-header-texture" />
@@ -533,7 +556,13 @@ export default function MinePage() {
           className="mine-qualification-mask"
           onClick={() => setQualificationOpen(false)}
         >
-          <ScrollView scrollY className="mine-qualification-scroll" enhanced showScrollbar>
+          <ScrollView
+            scrollY
+            className="mine-qualification-scroll"
+            style={{ height: '100%' }}
+            enhanced
+            showScrollbar
+          >
             <Image
               className="mine-qualification-img"
               src={QUALIFICATION_DISCLOSURE_URL}

apps/mini-user/src/pages/stores/index.config.ts

@@ -2,4 +2,6 @@ export default definePageConfig({
   navigationBarTitleText: '门店',
   enablePullDownRefresh: true,
   backgroundTextStyle: 'dark',
+  enableShareAppMessage: true,
+  enableShareTimeline: true,
 });

apps/mini-user/src/pages/stores/index.tsx

@@ -1,8 +1,9 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { View, Text, Image, Input } from '@tarojs/components';
-import Taro, { useDidShow, usePullDownRefresh } from '@tarojs/taro';
+import Taro, { useDidShow, usePullDownRefresh, useShareAppMessage, useShareTimeline } from '@tarojs/taro';
 import PageShell from '../../components/PageShell';
 import TabMainHeader from '../../components/TabMainHeader';
+import WechatShareReady from '../../components/WechatShareReady';
 import RegionPicker from '../../components/RegionPicker';
 import CategoryPicker, {
   EMPTY_CATEGORY,
@@ -27,6 +28,11 @@ import {
 import { FALLBACK_CITY_CODE } from '../../lib/product-images';
 import { formatDistanceMeters } from '../../lib/geo';
 import { request, toast } from '../../lib/api';
+import {
+  DEFAULT_SHARE_DESC,
+  DEFAULT_SHARE_TITLE,
+  toWeappShareMessage,
+} from '../../lib/wechat-share';
 
 type Store = {
   id: string;
@@ -176,8 +182,24 @@ export default function StoresPage() {
     return parts.length ? `营业时间: ${parts.join('，')}` : '营业时间: 10:00-22:00';
   }
 
+  const sharePayload = useMemo(
+    () => ({
+      title: '杜康好客门店',
+      desc: DEFAULT_SHARE_DESC,
+      path: '/pages/stores/index',
+    }),
+    [],
+  );
+
+  useShareAppMessage(() => toWeappShareMessage(sharePayload));
+  useShareTimeline(() => ({
+    title: sharePayload.title || DEFAULT_SHARE_TITLE,
+    query: '',
+  }));
+
   return (
     <PageShell variant="tab" className="store-page no-tab-header">
+      <WechatShareReady payload={sharePayload} />
       <TabMainHeader title="门店" />
 
       <View className="store-filter">

apps/mini-user/src/styles/mine.css

@@ -505,31 +505,40 @@
   z-index: 1200;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-  padding: 24px 16px;
-  background: rgba(0, 0, 0, 0.72);
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  background: #000;
   box-sizing: border-box;
 }
 
 .mine-qualification-scroll {
+  flex: 1;
   width: 100%;
-  max-width: 420px;
-  max-height: calc(86vh - 36px);
-  border-radius: 8px;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  border-radius: 0;
   overflow: hidden;
-  background: #fff;
+  background: #000;
 }
 
 .mine-qualification-img {
   display: block;
   width: 100%;
+  min-height: 100%;
   pointer-events: none;
 }
 
 .mine-qualification-hint {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
+  z-index: 1;
   text-align: center;
   font-size: 12px;
   color: rgba(255, 255, 255, 0.82);
+  pointer-events: none;
 }