分享功能和资质文件展示

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}