refactor(shop): 更新 API调用和页面逻辑

- 修改了多个文件中的 API调用路径
- 优化了部分组件的显示逻辑
- 添加了优惠券相关功能
-调整了环境变量配置

src/pages/cart/cart.tsx

@@ -1,5 +1,5 @@
 import {useEffect, useState} from "react";
-import Taro, {useShareAppMessage, useShareTimeline} from '@tarojs/taro';
+import Taro, {useShareAppMessage, useShareTimeline, useDidShow} from '@tarojs/taro';
 import {
   NavBar,
   Checkbox,
@@ -25,7 +25,8 @@ function Cart() {
     cartCount,
     updateQuantity,
     removeFromCart,
-    clearCart
+    clearCart,
+    loadCartFromStorage
   } = useCart();
 
   // InputNumber 主题配置
@@ -56,6 +57,11 @@ function Cart() {
     };
   });
 
+  // 页面显示时刷新购物车数据
+  useDidShow(() => {
+    loadCartFromStorage();
+  });
+
   useEffect(() => {
     Taro.getSystemInfo({
       success: (res) => {

src/pages/index/BestSellers.tsx

@@ -1,6 +1,7 @@
 import {useEffect, useState} from "react";
 import {Image} from '@nutui/nutui-react-taro'
 import {Share} from '@nutui/icons-react-taro'
+import {View, Text} from '@tarojs/components';
 import Taro, {useShareAppMessage, useShareTimeline} from "@tarojs/taro";
 import {ShopGoods} from "@/api/shop/shopGoods/model";
 import {pageShopGoods} from "@/api/shop/shopGoods";
@@ -17,6 +18,42 @@ const BestSellers = () => {
     })
   }
 
+  // 处理分享点击
+  const handleShare = (item: ShopGoods) => {
+    setGoods(item);
+
+    // 显示分享选项菜单
+    Taro.showActionSheet({
+      itemList: ['分享给好友', '分享到朋友圈'],
+      success: (res) => {
+        if (res.tapIndex === 0) {
+          // 分享给好友 - 触发转发
+          Taro.showShareMenu({
+            withShareTicket: true,
+            success: () => {
+              // 提示用户点击右上角分享
+              Taro.showToast({
+                title: '请点击右上角分享给好友',
+                icon: 'none',
+                duration: 2000
+              });
+            }
+          });
+        } else if (res.tapIndex === 1) {
+          // 分享到朋友圈
+          Taro.showToast({
+            title: '请点击右上角分享到朋友圈',
+            icon: 'none',
+            duration: 2000
+          });
+        }
+      },
+      fail: (err) => {
+        console.log('显示分享菜单失败', err);
+      }
+    });
+  }
+
   useEffect(() => {
     reload()
   }, [])
@@ -57,52 +94,47 @@ const BestSellers = () => {
 
   return (
     <>
-      <div className={'py-3'}>
-        <div className={'flex flex-col justify-between items-center rounded-lg px-2'}>
+      <View className={'py-3'}>
+        <View className={'flex flex-col justify-between items-center rounded-lg px-2'}>
           {list?.map((item, index) => {
             return (
-              <div key={index} className={'flex flex-col rounded-lg bg-white shadow-sm w-full mb-5'}>
+              <View key={index} className={'flex flex-col rounded-lg bg-white shadow-sm w-full mb-5'}>
                 <Image src={item.image} mode={'aspectFit'} lazyLoad={false}
                        radius="10px 10px 0 0" height="180"
                        onClick={() => Taro.navigateTo({url: '/shop/goodsDetail/index?id=' + item.goodsId})}/>
-                <div className={'flex flex-col p-2 rounded-lg'}>
-                  <div>
-                    <div className={'car-no text-sm'}>{item.name}</div>
-                    <div className={'flex justify-between text-xs py-1'}>
-                      <span className={'text-orange-500'}>{item.comments}</span>
-                      <span className={'text-gray-400'}>已售 {item.sales}</span>
-                    </div>
-                    <div className={'flex justify-between items-center py-2'}>
-                      <div className={'flex text-red-500 text-xl items-baseline'}>
-                        <span className={'text-xs'}>￥</span>
-                        <span className={'font-bold text-2xl'}>{item.price}</span>
-                      </div>
-                      <div className={'buy-btn'}>
-                        <div className={'cart-icon flex items-center'}>
-                          <button
-                            className={'flex flex-col  justify-center items-center text-gray-500 px-3 gap-1 text-nowrap whitespace-nowrap'}
-                            open-type="share"
-                            onClick={() => {
-                              setGoods(item)
-                            }}
+                <View className={'flex flex-col p-2 rounded-lg'}>
+                  <View>
+                    <View className={'car-no text-sm'}>{item.name}</View>
+                    <View className={'flex justify-between text-xs py-1'}>
+                      <Text className={'text-orange-500'}>{item.comments}</Text>
+                      <Text className={'text-gray-400'}>已售 {item.sales}</Text>
+                    </View>
+                    <View className={'flex justify-between items-center py-2'}>
+                      <View className={'flex text-red-500 text-xl items-baseline'}>
+                        <Text className={'text-xs'}>￥</Text>
+                        <Text className={'font-bold text-2xl'}>{item.price}</Text>
+                      </View>
+                      <View className={'buy-btn'}>
+                        <View className={'cart-icon flex items-center'}>
+                          <View
+                            className={'flex flex-col justify-center items-center text-white px-3 gap-1 text-nowrap whitespace-nowrap cursor-pointer'}
+                            onClick={() => handleShare(item)}
                           >
-                            <Share className={'text-white'} size={20}/>
-                          </button>
-                          {/*<Share size={20} className={'mx-4 mt-2'}*/}
-                          {/*       onClick={() => Taro.navigateTo({url: '/shop/goodsDetail/index?id=' + item.goodsId})}/>*/}
-                        </div>
-                        <div className={'text-white pl-4 pr-5'}
-                             onClick={() => Taro.navigateTo({url: '/shop/goodsDetail/index?id=' + item.goodsId})}>购买
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
+                            <Share size={20}/>
+                          </View>
+                        </View>
+                        <Text className={'text-white pl-4 pr-5'}
+                              onClick={() => Taro.navigateTo({url: '/shop/goodsDetail/index?id=' + item.goodsId})}>购买
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+              </View>
             )
           })}
-        </div>
-      </div>
+        </View>
+      </View>
     </>
   )
 }

src/pages/index/Header.tsx

@@ -3,7 +3,7 @@ import Taro from '@tarojs/taro';
 import {Button, Space} from '@nutui/nutui-react-taro'
 import {TriangleDown} from '@nutui/icons-react-taro'
 import {Popup, Avatar, NavBar} from '@nutui/nutui-react-taro'
-import {getSiteInfo, getUserInfo, getWxOpenId} from "@/api/layout";
+import {getShopInfo, getUserInfo, getWxOpenId} from "@/api/layout";
 import {TenantId} from "@/config/app";
 import {getOrganization} from "@/api/system/organization";
 import {myUserVerify} from "@/api/system/userVerify";
@@ -26,7 +26,7 @@ const Header = (props: any) => {
       },
     })
     // 获取站点信息
-    getSiteInfo().then((data) => {
+    getShopInfo().then((data) => {
       setConfig(data);
       console.log(userInfo)
     })

src/pages/index/index.tsx

@@ -3,7 +3,7 @@ import BestSellers from './BestSellers';
 import Taro from '@tarojs/taro';
 import {useShareAppMessage, useShareTimeline} from "@tarojs/taro"
 import {useEffect, useState} from "react";
-import {getSiteInfo} from "@/api/layout";
+import {getShopInfo} from "@/api/layout";
 import {Sticky} from '@nutui/nutui-react-taro'
 import Menu from "./Menu";
 import Banner from "./Banner";
@@ -84,7 +84,7 @@ function Home() {
 
   useEffect(() => {
     // 获取站点信息
-    getSiteInfo().then(() => {
+    getShopInfo().then(() => {
 
     })
     // Taro.getSetting：获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。

src/pages/order/order.scss

@@ -0,0 +1,4 @@
+// 订单页面样式
+.order-page {
+  // 订单相关样式
+}

src/pages/user/components/UserCard.tsx

@@ -237,8 +237,7 @@ function UserCard() {
               <span className={'text-sm text-gray-500'}>礼品卡</span>
               <span className={'text-xl'}>{giftCount}</span>
             </div>
-            <div className={'item flex justify-center flex-col items-center'}
-                 onClick={() => navTo('/user/points/points', true)}>
+            <div className={'item flex justify-center flex-col items-center'}>
               <span className={'text-sm text-gray-500'}>积分</span>
               <span className={'text-xl'}>{pointsCount}</span>
             </div>

src/pages/user/components/UserCell.tsx

@@ -1,6 +1,7 @@
 import {Cell} from '@nutui/nutui-react-taro'
 import navTo from "@/utils/common";
 import Taro from '@tarojs/taro'
+import {View,Text} from '@tarojs/components'
 import {ArrowRight, ShieldCheck, LogisticsError, Location, Reward, Tips, Ask} from '@nutui/icons-react-taro'
 
 const UserCell = () => {
@@ -25,25 +26,25 @@ const UserCell = () => {
 
   return (
     <>
-      <div className={'px-4'}>
+      <View className={'px-4'}>
         <Cell
           className="nutui-cell-clickable"
           style={{
             backgroundImage: 'linear-gradient(to right bottom, #54a799, #177b73)',
           }}
           title={
-            <div style={{display: 'inline-flex', alignItems: 'center'}} onClick={() => navTo('/dealer/index', true)}>
+            <View style={{display: 'inline-flex', alignItems: 'center'}} onClick={() => navTo('/dealer/index', true)}>
               <Reward className={'text-orange-100 '} size={16}/>
-              <span style={{fontSize: '16px'}} className={'pl-3 text-orange-100 font-medium'}>开通会员</span>
-              <span className={'text-white opacity-80 pl-3'}>享优惠</span>
-            </div>
+              <Text style={{fontSize: '16px'}} className={'pl-3 text-orange-100 font-medium'}>开通会员</Text>
+              <Text className={'text-white opacity-80 pl-3'}>享优惠</Text>
+            </View>
           }
           extra={<ArrowRight color="#cccccc" size={18}/>}
         />
         <Cell.Group divider={true} description={
-          <div style={{display: 'inline-flex', alignItems: 'center'}}>
-            <span style={{marginTop: '12px'}}>我的服务</span>
-          </div>
+          <View style={{display: 'inline-flex', alignItems: 'center'}}>
+            <Text style={{marginTop: '12px'}}>我的服务</Text>
+          </View>
         }>
           <Cell
             className="nutui-cell-clickable"
@@ -51,10 +52,10 @@ const UserCell = () => {
               display: 'none'
             }}
             title={
-              <div style={{display: 'inline-flex', alignItems: 'center'}}>
+              <View style={{display: 'inline-flex', alignItems: 'center'}}>
                 <LogisticsError size={16}/>
-                <span className={'pl-3 text-sm'}>我的钱包</span>
-              </div>
+                <Text className={'pl-3 text-sm'}>我的钱包</Text>
+              </View>
             }
             align="center"
             extra={<ArrowRight color="#cccccc" size={18}/>}
@@ -65,10 +66,10 @@ const UserCell = () => {
           <Cell
             className="nutui-cell-clickable"
             title={
-              <div style={{display: 'inline-flex', alignItems: 'center'}}>
+              <View style={{display: 'inline-flex', alignItems: 'center'}}>
                 <Location size={16}/>
-                <span className={'pl-3 text-sm'}>收货地址</span>
-              </div>
+                <Text className={'pl-3 text-sm'}>收货地址</Text>
+              </View>
             }
             align="center"
             extra={<ArrowRight color="#cccccc" size={18}/>}
@@ -79,10 +80,10 @@ const UserCell = () => {
           <Cell
             className="nutui-cell-clickable"
             title={
-              <div style={{display: 'inline-flex', alignItems: 'center'}}>
+              <View style={{display: 'inline-flex', alignItems: 'center'}}>
                 <ShieldCheck size={16}/>
-                <span className={'pl-3 text-sm'}>实名认证</span>
-              </div>
+                <Text className={'pl-3 text-sm'}>实名认证</Text>
+              </View>
             }
             align="center"
             extra={<ArrowRight color="#cccccc" size={18}/>}
@@ -93,10 +94,10 @@ const UserCell = () => {
           <Cell
             className="nutui-cell-clickable"
             title={
-              <div style={{display: 'inline-flex', alignItems: 'center'}}>
+              <View style={{display: 'inline-flex', alignItems: 'center'}}>
                 <Ask size={16}/>
-                <span className={'pl-3 text-sm'}>常见问题</span>
-              </div>
+                <Text className={'pl-3 text-sm'}>常见问题</Text>
+              </View>
             }
             align="center"
             extra={<ArrowRight color="#cccccc" size={18}/>}
@@ -107,10 +108,10 @@ const UserCell = () => {
           <Cell
             className="nutui-cell-clickable"
             title={
-              <div style={{display: 'inline-flex', alignItems: 'center'}}>
+              <View style={{display: 'inline-flex', alignItems: 'center'}}>
                 <Tips size={16}/>
-                <span className={'pl-3 text-sm'}>关于我们</span>
-              </div>
+                <Text className={'pl-3 text-sm'}>关于我们</Text>
+              </View>
             }
             align="center"
             extra={<ArrowRight color="#cccccc" size={18}/>}
@@ -120,9 +121,9 @@ const UserCell = () => {
           />
         </Cell.Group>
         <Cell.Group divider={true} description={
-          <div style={{display: 'inline-flex', alignItems: 'center'}}>
-            <span style={{marginTop: '12px'}}>账号管理</span>
-          </div>
+          <View style={{display: 'inline-flex', alignItems: 'center'}}>
+            <Text style={{marginTop: '12px'}}>账号管理</Text>
+          </View>
         }>
           <Cell
             className="nutui-cell-clickable"
@@ -139,7 +140,7 @@ const UserCell = () => {
             onClick={onLogout}
           />
         </Cell.Group>
-      </div>
+      </View>
     </>
   )
 }