feat(mini-user): enable share on home/benefit and OSS qualification

Wire WeChat share on home and benefit tabs; serve mine qualification
from OSS; mask phones on admin users and wechat bindings pages.

Co-authored-by: Cursor <cursoragent@cursor.com>

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

@@ -3,4 +3,6 @@ export default definePageConfig({
   navigationBarTitleText: '好客权益',
   enablePullDownRefresh: true,
   backgroundTextStyle: 'dark',
+  enableShareAppMessage: true,
+  enableShareTimeline: true,
 });

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

@@ -1,11 +1,18 @@
-import { useCallback, useState } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { View, Text } 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 ShareNavButton from '../../components/ShareNavButton';
+import WechatShareReady from '../../components/WechatShareReady';
 import UserTabBar, { shouldRenderPageTabBar, syncTabBarSelected } from '../../components/UserTabBar';
 import { goLogin } from '../../lib/auth-nav';
 import { isLoggedIn, request, toast } from '../../lib/api';
 import { navBarStyle, tabNavContentStyle, useNavBarMetrics } from '../../lib/nav-bar';
+import {
+  DEFAULT_SHARE_DESC,
+  DEFAULT_SHARE_TITLE,
+  toWeappShareMessage,
+} from '../../lib/wechat-share';
 
 type BenefitSummary = {
   totalBalance: number;
@@ -84,8 +91,25 @@ export default function BenefitPage() {
   const history = coupons.filter((c) => c.status === 'USED_UP' || c.status === 'VOID');
   const visible = tab === 'available' ? available : history;
 
+  const sharePayload = useMemo(
+    () => ({
+      title: '好客权益 · 杜康好客',
+      desc: DEFAULT_SHARE_DESC,
+      path: '/pages/benefit/index',
+    }),
+    [],
+  );
+
+  useShareAppMessage(() => toWeappShareMessage(sharePayload));
+  useShareTimeline(() => ({
+    title: sharePayload.title || DEFAULT_SHARE_TITLE,
+    query: '',
+    imageUrl: sharePayload.imgUrl,
+  }));
+
   return (
     <PageShell variant="tab" className="benefit-page">
+      <WechatShareReady payload={sharePayload} />
       <View className="benefit-header" style={navBarStyle(metrics)} aria-label="好客权益">
         {process.env.TARO_ENV !== 'h5' ? (
           <Text className="benefit-header-title">好客权益</Text>
@@ -98,6 +122,9 @@ export default function BenefitPage() {
             <View className="benefit-header-city-pin" />
             <Text>郑州市</Text>
           </View>
+          <View className="benefit-header__share page-nav-bar__right-slot">
+            <ShareNavButton payload={sharePayload} />
+          </View>
         </View>
       </View>
 

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

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

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

@@ -1,9 +1,10 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { View, Text, Image, Swiper, SwiperItem } 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 CouponBadge from '../../components/CouponBadge';
+import WechatShareReady from '../../components/WechatShareReady';
 import UserTabBar, { shouldRenderPageTabBar, syncTabBarSelected } from '../../components/UserTabBar';
 import { goLogin } from '../../lib/auth-nav';
 import { isLoggedIn, request, toast } from '../../lib/api';
@@ -11,6 +12,11 @@ import { ensurePayReady } from '../../lib/pay-ready';
 import { capturePromoSceneAndTouchScan } from '../../lib/promo';
 import { getProductMainImage } from '../../lib/product-images';
 import { getCityCodeForCatalog, resolveUserCity } from '../../lib/user-location';
+import {
+  DEFAULT_SHARE_DESC,
+  DEFAULT_SHARE_TITLE,
+  toWeappShareMessage,
+} from '../../lib/wechat-share';
 
 type Product = {
   id: string;
@@ -139,8 +145,26 @@ export default function HomePage() {
   const banners = miniHome.banners;
   const footerUrl = miniHome.footerUrl;
 
+  const sharePayload = useMemo(
+    () => ({
+      title: DEFAULT_SHARE_TITLE,
+      desc: DEFAULT_SHARE_DESC,
+      path: '/pages/home/index',
+      imgUrl: banners[0] || undefined,
+    }),
+    [banners],
+  );
+
+  useShareAppMessage(() => toWeappShareMessage(sharePayload));
+  useShareTimeline(() => ({
+    title: sharePayload.title || DEFAULT_SHARE_TITLE,
+    query: '',
+    imageUrl: sharePayload.imgUrl,
+  }));
+
   return (
     <PageShell variant="tab" className="home-page no-tab-header">
+      <WechatShareReady payload={sharePayload} />
       <TabMainHeader title="杜康好客" />
 
       {banners.length > 0 ? (

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

@@ -1,11 +1,15 @@
 import { useEffect, useState } from 'react';
 import { View, Text, Image, Button, Input, ScrollView } from '@tarojs/components';
 import Taro, { useDidShow, usePullDownRefresh } from '@tarojs/taro';
-import { isWxAuthorizeEnabled, type ClientRuntimeConfig } from '@dukang/shared-types';
+import {
+  BRAND_LOGO_MARK_URL,
+  QUALIFICATION_DISCLOSURE_URL,
+  isWxAuthorizeEnabled,
+  type ClientRuntimeConfig,
+} from '@dukang/shared-types';
 import PageShell from '../../components/PageShell';
 import TabMainHeader from '../../components/TabMainHeader';
 import UserTabBar, { shouldRenderPageTabBar, syncTabBarSelected } from '../../components/UserTabBar';
-import { BRAND_LOGO_MARK_URL } from '@dukang/shared-types';
 import { goLogin } from '../../lib/auth-nav';
 import { bindWechatForUser } from '../../lib/wechat-auth';
 import {
@@ -18,7 +22,6 @@ import {
 } from '../../lib/mini-wechat-profile';
 import { isLoggedIn, logout, request, toast, type UserProfile } from '../../lib/api';
 import { isWechatEnv } from '../../lib/weixin';
-import qualificationDisclosureImg from '../../assets/qualification-disclosure.png';
 
 const ORDER_SHORTCUTS = [
   { tab: 'pending_pay', icon: '付', label: '待付款' },
@@ -533,7 +536,7 @@ export default function MinePage() {
           <ScrollView scrollY className="mine-qualification-scroll" enhanced showScrollbar>
             <Image
               className="mine-qualification-img"
-              src={qualificationDisclosureImg}
+              src={QUALIFICATION_DISCLOSURE_URL}
               mode="widthFix"
             />
           </ScrollView>

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

@@ -50,6 +50,14 @@
   z-index: 2;
 }
 
+.benefit-header__share .page-nav-bar__btn {
+  background: transparent;
+}
+
+.benefit-header__share .page-nav-bar__icon {
+  color: var(--color-heritage-red);
+}
+
 .benefit-header-city-pin {
   width: 8px;
   height: 8px;