优化活动页面分享

package.json

@@ -51,8 +51,9 @@
     "@tarojs/shared": "3.5.7",
     "@tarojs/taro": "3.5.7",
     "@tarojs/taro-h5": "3.5.7",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-native": "^0.73.11",
     "taro-ui": "^3.3.0"
   },
   "devDependencies": {

project.private.config.json

@@ -1,11 +1,11 @@
 {
   "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-  "projectname": "%E9%B1%BC%E5%B8%82",
+  "projectname": "fish_app",
   "setting": {
     "compileHotReLoad": false,
     "urlCheck": true
   },
-  "libVersion": "3.7.1",
+  "libVersion": "3.7.2",
   "condition": {
     "miniprogram": {
       "list": [

src/components/shareModal/index.jsx

@@ -3,36 +3,50 @@ import { View, Image, Text, Button, Input } from "@tarojs/components";
 import "./index.less";
 import { useState, useEffect } from "react";
 
+// 分享模态框组件
 export default function shareModal(props) {
-  const {  isOpened, onClose, product, onShareTitleChange } = props;
+  // 解构props,获取必要参数
+  const { isOpened, onClose, product, onShareTitleChange } = props;
+  // 分享标题状态管理
   const [shareTitle, setShareTitle] = useState('');
 
+  // 当商品信息更新时,设置分享标题
   useEffect(() => {
     if (product?.item_title) {
       setShareTitle(product.item_title);
     }
   }, [product]);
+
+  // 监听模态框开关状态
+  // 关闭时清空标题,打开时设置为商品标题
   useEffect(() => {
     if (!isOpened) {
       setShareTitle('');
-    }else{
+    } else {
       setShareTitle(product.item_title);
     }
   }, [isOpened]);
+
+  // 处理输入框内容变化
   const handleInputChange = (e) => {
     const newTitle = e.detail.value;
     setShareTitle(newTitle);
     onShareTitleChange?.(newTitle);
   }
+
   return (
     <View className="share-modal">
       <AtModal isOpened={isOpened} closeOnClickOverlay={true} onClose={onClose}>
         <AtModalContent>
           {product && (
           <View className="container">
+            {/* 商品图片展示 */}
             <Image className="product-image" src={product.image_url} mode="aspectFill" />
+            {/* 商品标题展示 */}
             <View className="title">{product.item_title}</View>
+            {/* 分享标题输入框 */}
             <Input onInput={handleInputChange} className="input" value={shareTitle} />
+            {/* 分享按钮 */}
             <Button openType="share" onClick={onClose}>
               <View className="share-button">
                 分享
@@ -40,8 +54,8 @@ export default function shareModal(props) {
             </Button>
           </View>
         )}
-      </AtModalContent>
-    </AtModal>
+        </AtModalContent>
+      </AtModal>
     </View>
   );
 }

src/pages/indexSub/highCommission/index.jsx

@@ -93,13 +93,12 @@ export default class Index extends Component {
     });
   };
   // 配置分享内容
-  onShareAppMessage() {
+  onShareAppMessage(res) {
     let shareUserId = "";
     if (Taro.getStorageSync("loginInfo")) {
       shareUserId = Taro.getStorageSync("loginInfo").id;
     }
-    const shareConfig = getShareContent();
-    if (shareConfig.title == "默认分享标题") {
+    if (res.from == "menu") {
       return {
         title: "高佣专项",
         path: `/pages/indexSub/highCommission/index?isShare=true&shareUserId=${shareUserId}`,

src/pages/indexSub/seckillIndex/index.jsx

@@ -93,13 +93,13 @@ export default class Index extends Component {
     });
   };
   // 配置分享内容
-  onShareAppMessage() {
+  onShareAppMessage(res) {
     let shareUserId = "";
     if (Taro.getStorageSync("loginInfo")) {
       shareUserId = Taro.getStorageSync("loginInfo").id;
     }
     const shareConfig = getShareContent();
-    if (shareConfig.title == "默认分享标题") {
+    if (res.from == "menu") {
       return {
         title: "鱼市秒杀",
         path: `/pages/indexSub/seckillIndex/index?isShare=true&shareUserId=${shareUserId}`,