feat(home): 更新首页配置和界面展示

- 修改开发环境API基础URL地址 - 移除门店选择相关功能组件和逻辑 - 调整页面背景渐变色和字体大小 - 优化轮播图触摸操作支持 - 更新分享标题为用户专属推荐 - 调整商品分类显示，隐藏部分分类入口 - 移除领券中心入口 - 简化配送时间选择，只选择日期不选择具体时间 - 移除门店选择界面元素 - 调整时间选择器为日期模式并修正时间格式化逻辑
2026-02-07 11:59:06 +08:00
parent f20c8b0961
commit f15933fc82
5 changed files with 71 additions and 69 deletions
--- a/config/env.ts
+++ b/config/env.ts
@@ -2,8 +2,8 @@
 export const ENV_CONFIG = {
  // 开发环境
  development: {
-    API_BASE_URL: 'http://127.0.0.1:9200/api',
-    // API_BASE_URL: 'https://mp-api.websoft.top/api',
+    // API_BASE_URL: 'http://127.0.0.1:9200/api',
+    API_BASE_URL: 'https://mp-api.websoft.top/api',
    APP_NAME: '开发环境',
    DEBUG: 'true',
  },
--- a/src/pages/index/Header.tsx
+++ b/src/pages/index/Header.tsx
@@ -1,13 +1,13 @@
 import {useEffect, useState} from "react";
 import Taro from '@tarojs/taro';
 import {Button, Sticky, Popup, Cell, CellGroup} from '@nutui/nutui-react-taro'
-import {TriangleDown} from '@nutui/icons-react-taro'
-import {Avatar, NavBar} from '@nutui/nutui-react-taro'
+// import {TriangleDown} from '@nutui/icons-react-taro'
+import { NavBar} from '@nutui/nutui-react-taro'
 import {getUserInfo, getWxOpenId} from "@/api/layout";
 import {TenantId, TenantName} from "@/config/app";
 import {getOrganization} from "@/api/system/organization";
 import {myUserVerify} from "@/api/system/userVerify";
-import { useShopInfo } from '@/hooks/useShopInfo';
+// import { useShopInfo } from '@/hooks/useShopInfo';
 import {handleInviteRelation, getStoredInviteParams} from "@/utils/invite";
 import {View,Text} from '@tarojs/components'
 import MySearch from "./MySearch";
@@ -19,9 +19,9 @@ import {getSelectedStoreFromStorage, saveSelectedStoreToStorage} from "@/utils/s

 const Header = (_: any) => {
  // 使用新的useShopInfo Hook
-  const {
-    getWebsiteLogo
-  } = useShopInfo();
+  // const {
+  //   getWebsiteLogo
+  // } = useShopInfo();

  const [IsLogin, setIsLogin] = useState<boolean>(true)
  const [statusBarHeight, setStatusBarHeight] = useState<number>()
@@ -335,21 +335,21 @@ const Header = (_: any) => {
          }}
          onBackClick={() => {
          }}
-          left={
-            <View
-              style={{display: 'flex', alignItems: 'center', gap: '8px'}}
-              onClick={() => setStorePopupVisible(true)}
-            >
-              <Avatar
-                size="22"
-                src={getWebsiteLogo()}
-              />
-              <Text className={'text-white'}>
-                {selectedStore?.name || '请选择门店'}
-              </Text>
-              <TriangleDown className={'text-white'} size={9}/>
-            </View>
-          }
+          // left={
+          //   <View
+          //     style={{display: 'flex', alignItems: 'center', gap: '8px'}}
+          //     onClick={() => setStorePopupVisible(true)}
+          //   >
+          //     <Avatar
+          //       size="22"
+          //       src={getWebsiteLogo()}
+          //     />
+          //     <Text className={'text-white'}>
+          //       {selectedStore?.name || '请选择门店'}
+          //     </Text>
+          //     <TriangleDown className={'text-white'} size={9}/>
+          //   </View>
+          // }
          right={
            !IsLogin ? (
              <Button
--- a/src/pages/index/index.scss
+++ b/src/pages/index/index.scss
@@ -177,7 +177,7 @@ page {
  justify-content: space-between;
  align-items: center;
  padding: 18rpx 20rpx;
-  background: linear-gradient(90deg, #22d64a 0%, #7df4b0 100%);
+  background: linear-gradient(90deg, #22d64a 0%, #2fa560 100%);
 }

 .ticket-card__title {
@@ -188,7 +188,7 @@ page {

 .ticket-card__count {
  color: rgba(255, 255, 255, 0.92);
-  font-size: 24rpx;
+  font-size: 28rpx;
 }

 .ticket-card__countNum {
@@ -392,20 +392,20 @@ page {
 /* 轮播图容器样式，确保支持两种滑动操作 */
 .banner-swiper-container {
  touch-action: pan-y !important; /* 允许垂直滑动 */
-  
+
  .nut-swiper {
    touch-action: pan-y !important; /* 允许垂直滑动 */
-    
+
    .nut-swiper-item {
      touch-action: pan-x pan-y !important; /* 允许水平和垂直滑动 */
-      
+
      image {
        pointer-events: auto; /* 确保图片点击事件正常 */
        touch-action: manipulation; /* 优化触摸操作 */
      }
    }
  }
-  
+
  /* 为Swiper容器添加特殊处理 */
  .nut-swiper--horizontal {
    touch-action: pan-y !important; /* 允许垂直滑动 */
@@ -422,7 +422,7 @@ page {
 /* 为Swiper添加更精确的触摸控制 */
 .nut-swiper {
  touch-action: pan-y !important;
-  
+
  .nut-swiper-inner {
    touch-action: pan-x pan-y !important;
  }
@@ -431,7 +431,7 @@ page {
 /* 自定义Swiper样式 */
 .custom-swiper {
  touch-action: pan-y !important;
-  
+
  .nut-swiper-item {
    touch-action: pan-x pan-y !important;
  }
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -3,7 +3,7 @@ import Banner from './Banner'
 import Taro, { useDidShow, useShareAppMessage } from '@tarojs/taro'
 import { View, Text, Image, ScrollView } from '@tarojs/components'
 import { useEffect, useMemo, useState, type ReactNode } from 'react'
-import { Cart, Coupon, Gift, Ticket } from '@nutui/icons-react-taro'
+import { Cart, Gift, Ticket } from '@nutui/icons-react-taro'
 import { getShopInfo } from '@/api/layout'
 import { checkAndHandleInviteRelation, hasPendingInvite } from '@/utils/invite'
 import { pageShopGoods } from '@/api/shop/shopGoods'
@@ -21,7 +21,7 @@ function Home() {
    const userId = Taro.getStorageSync('UserId');

    return {
-      title: '🏠 首页 🏠',
+      title: userId + '超值推荐',
      path: userId ? `/pages/index/index?inviter=${userId}&source=share&t=${Date.now()}` : `/pages/index/index`,
      success: function () {
        console.log('首页分享成功');
@@ -174,9 +174,9 @@ function Home() {
    () => [
      { key: 'recommend', title: '推荐', params: { recommend: 1 } },
      { key: '4476', title: '桶装水', params: { categoryId: 4476 } },
-      { key: '4556', title: '优惠组合', params: { categoryId: 4556 } },
-      { key: '4557', title: '购机套餐', params: { categoryId: 4557 } },
-      { key: '4477', title: '饮水设备', params: { categoryId: 4477 } },
+      { key: '4556', title: '水票套餐', params: { categoryId: 4556 } },
+      // { key: '4557', title: '购机套餐', params: { categoryId: 4557 } },
+      // { key: '4477', title: '饮水设备', params: { categoryId: 4477 } },
    ],
    []
  )
@@ -215,12 +215,12 @@ function Home() {
        icon: <Gift size={30} />,
        onClick: () => Taro.navigateTo({ url: '/dealer/qrcode/index' }),
      },
-      {
-        key: 'coupon',
-        title: '领券中心',
-        icon: <Coupon size={30} />,
-        onClick: () => Taro.navigateTo({ url: '/coupon/index' }),
-      },
+      // {
+      //   key: 'coupon',
+      //   title: '领券中心',
+      //   icon: <Coupon size={30} />,
+      //   onClick: () => Taro.navigateTo({ url: '/coupon/index' }),
+      // },
    ],
    []
  )
--- a/src/user/ticket/use.tsx
+++ b/src/user/ticket/use.tsx
@@ -12,7 +12,7 @@ import {
  Popup,
  Space
 } from '@nutui/nutui-react-taro'
-import { ArrowRight, Location, Shop, Ticket } from '@nutui/icons-react-taro'
+import { ArrowRight, Location, Ticket } from '@nutui/icons-react-taro'
 import dayjs from 'dayjs'
 import type { ShopGoods } from '@/api/shop/shopGoods/model'
 import { getShopGoods } from '@/api/shop/shopGoods'
@@ -35,7 +35,8 @@ const OrderConfirm = () => {
  const [address, setAddress] = useState<ShopUserAddress>()
  const [quantity, setQuantity] = useState<number>(MIN_START_QTY)
  const [orderRemark, setOrderRemark] = useState<string>('')
-  const [sendTime, setSendTime] = useState<Date>(new Date())
+  // Delivery date only (no hour/min selection).
+  const [sendTime, setSendTime] = useState<Date>(() => dayjs().startOf('day').toDate())
  const [sendTimePickerVisible, setSendTimePickerVisible] = useState(false)
  const [loading, setLoading] = useState<boolean>(true)
  const [error, setError] = useState<string>('')
@@ -119,7 +120,7 @@ const OrderConfirm = () => {
  }, [quantity, maxQuantity, canStartOrder])

  const sendTimeText = useMemo(() => {
-    return dayjs(sendTime).format('YYYY-MM-DD HH:mm')
+    return dayjs(sendTime).format('YYYY-MM-DD')
  }, [sendTime])

  const loadStores = async () => {
@@ -137,6 +138,7 @@ const OrderConfirm = () => {
    }
  }

+  // @ts-ignore
  const openStorePopup = async () => {
    setStorePopupVisible(true)
    if (!stores.length) {
@@ -239,7 +241,7 @@ const OrderConfirm = () => {
        addressId: address.id,
        totalNum: finalQty,
        buyerRemarks: orderRemark,
-        sendTime: dayjs(sendTime).format('YYYY-MM-DD HH:mm:ss'),
+        sendTime: dayjs(sendTime).startOf('day').format('YYYY-MM-DD HH:mm:ss'),
        // Backend may take userId from token; pass-through is harmless if backend ignores it.
        userId,
        comments: goods.name ? `立即送水：${goods.name}` : '立即送水'
@@ -351,25 +353,25 @@ const OrderConfirm = () => {

  return (
    <div className={'order-confirm-page'}>
-      <CellGroup>
-        <Cell
-          title={(
-            <View className="flex items-center gap-2">
-              <Shop className={'text-gray-500'}/>
-              <Text>选择门店</Text>
-            </View>
-          )}
-          extra={(
-            <View className={'flex items-center gap-2'}>
-              <View className={'text-gray-900'}>
-                {selectedStore?.name || '请选择门店'}
-              </View>
-              <ArrowRight className={'text-gray-400'} size={14}/>
-            </View>
-          )}
-          onClick={openStorePopup}
-        />
-      </CellGroup>
+      {/*<CellGroup>*/}
+      {/*  <Cell*/}
+      {/*    title={(*/}
+      {/*      <View className="flex items-center gap-2">*/}
+      {/*        <Shop className={'text-gray-500'}/>*/}
+      {/*        <Text>选择门店</Text>*/}
+      {/*      </View>*/}
+      {/*    )}*/}
+      {/*    extra={(*/}
+      {/*      <View className={'flex items-center gap-2'}>*/}
+      {/*        <View className={'text-gray-900'}>*/}
+      {/*          {selectedStore?.name || '请选择门店'}*/}
+      {/*        </View>*/}
+      {/*        <ArrowRight className={'text-gray-400'} size={14}/>*/}
+      {/*      </View>*/}
+      {/*    )}*/}
+      {/*    onClick={openStorePopup}*/}
+      {/*  />*/}
+      {/*</CellGroup>*/}
      <CellGroup>
        {
          address && (
@@ -587,15 +589,15 @@ const OrderConfirm = () => {
      <DatePicker
        visible={sendTimePickerVisible}
        title="选择配送时间"
-        type="datetime"
-        startDate={new Date()}
+        type="date"
+        startDate={dayjs().startOf('day').toDate()}
        endDate={dayjs().add(30, 'day').toDate()}
        value={sendTime}
        onClose={() => setSendTimePickerVisible(false)}
        onCancel={() => setSendTimePickerVisible(false)}
        onConfirm={(_options, selectedValue) => {
-          const [y, m, d, hh, mm] = (selectedValue || []).map(v => Number(v))
-          const next = new Date(y, (m || 1) - 1, d || 1, hh || 0, mm || 0)
+          const [y, m, d] = (selectedValue || []).map(v => Number(v))
+          const next = new Date(y, (m || 1) - 1, d || 1, 0, 0, 0)
          setSendTime(next)
          setSendTimePickerVisible(false)
        }}