静态页面

src/pages/index/newsDetail/index.jsx

-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import Taro from "@tarojs/taro";
 import withLayout from "@/layout";
-import "./index.scss";
-import { ScrollView, Image, RichText,WebView } from "@tarojs/components";
-import "@/assets/css/iconfont.css";
-import {
-  addNewsUv,
-  favorNews,
-  // addNewsShareNum,
-  queryNewsDetail,
-  cancelFavorNews,
-} from "@/services/news";
+import { ScrollView, Image, RichText, WebView } from "@tarojs/components";
+import useFavor from "@/utils/hooks/useFavor";
+import { queryNewsDetail } from "@/services/news";
 import { formatDate } from "@/utils/chatDate";
+import "@/assets/css/iconfont.css";
+import "./index.scss";
 
 export default withLayout((props) => {
+  const { trackData } = props
   const { id } = props.router.params;
 
   const [data, setData] = useState(null);
   const [IsPull, setPull] = useState(false);
   const [PullTimer, setPullTimer] = useState(null);
 
+
+  const [isSave, handleFavor] = useFavor(data?.isSave, {
+    id,
+    buildingId: data?.buildingId,
+    ...trackData,
+  });
+
   const PageRefresh = () => {
     // 页面下拉刷新回调
     setPull(true);
   const getData = (params) => {
     Taro.showLoading();
     queryNewsDetail(params).then((res) => {
-  
+
       setData(res);
       Taro.hideLoading();
     });
   }, [id]);
 
   return (
-    <view className="Page newsDetail flex-v">
-      {data&& (data.newsDetailType === '0' ? <WebView src={data.newsDetail} /> :<>
-        <view className="flex-item">
+    <view className='Page newsDetail flex-v'>
+      {data && (data.newsDetailType === '0' ? <WebView src={data.newsDetail} /> : <>
+        <view className='flex-item'>
           <view>
             <ScrollView
-              scroll-y={true}
-              refresher-enabled={true}
+              scroll-y
+              refresher-enabled
               refresher-triggered={IsPull}
               onrefresherrefresh={PageRefresh}
-              refresher-background="#fff"
+              refresher-background='#fff'
             >
-              <view className="PageContent">
-                <view className="Info">
+              <view className='PageContent'>
+                <view className='Info'>
                   <view>
-                    <text className="Title">{data.newsName}</text>
+                    <text className='Title'>{data.newsName}</text>
                     <view>
                       <text>阅读：{data.pvNum || 0}</text>
                       <text>点赞{data.favorNum || 0}</text>
                       <text>收藏{data.saveNum || 0}</text>
                     </view>
-                    <text className="Time">
-                      {`时间：${formatDate(data.createDate, "yyyy-M-d")} `}
+                    <text className='Time'>
+                      {`时间：${formatDate(data.createDate, 'yyyy-M-d')} `}
                     </text>
-                    <text className="Share">分享好友</text>
+                    <text className='Share'>分享好友</text>
                   </view>
                 </view>
 
-                <view className="Content">
+                <view className='Content'>
                   <RichText nodes={data.newsDetail}></RichText>
                 </view>
               </view>
             </ScrollView>
           </view>
         </view>
-        <view className="Bottom">
+        <view className='Bottom'>
           <view>
             <Image
-              mode="heightFix"
-              src={require("@/assets/buildingDetail-icon3.png")}
+              mode='heightFix'
+              src={require('@/assets/buildingDetail-icon3.png')}
             ></Image>
             <text>生成海报</text>
           </view>
           <view>
-            <text className="iconfont icon-shoucang"></text>
-            <text>收藏</text>
+            <text className='iconfont icon-shoucang' style={isSave ? { color: 'red' } : undefined} onClick={handleFavor}></text>
+            <text onClick={handleFavor}>{isSave ? '已收藏' : '收藏'}</text>
           </view>
         </view>
       </>)}

src/pages/mine/components/MyCollectForActivity/index.jsx

           <view className='List'>
             {
               PageList.map((item, index) => (
-                <ActivityListItem Data={item} key={`ActivityListItem-${index}`}></ActivityListItem>
+                <ActivityListItem data={item} key={`ActivityListItem-${index}`}></ActivityListItem>
               ))
             }
           </view>

src/pages/mine/components/MyCollectForBuilding/index.jsx

 import { useSelector } from 'react-redux'
 import { fetch } from '@/utils/request'
 import { API_ITEMS_LIST } from '@/constants/api'
+import ProjectListItem from '@/components/ProjectListItem/index'
 import './index.scss'
-import MyShareListItem from '../MyShareListItem/index'
 
 export default function MyCollectForBuilding () {
   
           <view className='List'>
             {
               PageList.map((item, index) => (
-                <MyShareListItem Data={item} key={`MyShareListItem-${index}`}></MyShareListItem>
+                <ProjectListItem Data={item} key={`ProjectListItem-${index}`}></ProjectListItem>
               ))
             }
           </view>

src/pages/mine/components/MyCollectForNews/index.jsx

           <view className='List'>
             {
               PageList.map((item, index) => (
-                <NewsListItem Data={item} key={`NewsListItem-${index}`}></NewsListItem>
+                <NewsListItem data={item} key={`NewsListItem-${index}`}></NewsListItem>
               ))
             }
           </view>