feat(home): 更新首页布局添加品牌展示和联系模块
- 移除售电业务相关内容,调整为门窗定制安装业务 - 新增 TrustSection 品牌信任区组件,展示品质保障和专业团队 - 新增 CaseShowcase 案例展示区组件,支持横向滚动浏览案例 - 新增 ContactSection 联系方式区组件,提供客服热线和在线咨询服务 - 更新首页布局结构,在热销商品后按序排列新功能模块 - 修复图标导入错误,替换为 NutUI 图标库中存在的图标 - 更新样式文件适配新的页面布局和组件间距 - 修改公告栏内容为门窗业务相关介绍 - 调整页面整体样式和间距,优化用户体验
This commit is contained in:
@@ -4,19 +4,21 @@ import Taro from '@tarojs/taro';
|
||||
import {useShareAppMessage, useShareTimeline} from "@tarojs/taro"
|
||||
import {useEffect, useState} from "react";
|
||||
import {getShopInfo} from "@/api/layout";
|
||||
import {Sticky, NoticeBar} from '@nutui/nutui-react-taro'
|
||||
import {NoticeBar} from '@nutui/nutui-react-taro'
|
||||
import {View} from '@tarojs/components'
|
||||
import Menu from "./Menu";
|
||||
import Banner from "./Banner";
|
||||
import './index.scss'
|
||||
import Grid from "@/pages/index/Grid";
|
||||
import PopUpAd from "@/pages/index/PopUpAd";
|
||||
import TrustSection from "./TrustSection";
|
||||
import CaseShowcase from "./CaseShowcase";
|
||||
import ContactSection from "./ContactSection";
|
||||
import {configWebsiteField} from "@/api/cms/cmsWebsiteField";
|
||||
import type {Config} from "@/api/cms/cmsWebsiteField/model";
|
||||
|
||||
function Home() {
|
||||
// 吸顶状态
|
||||
const [stickyStatus, setStickyStatus] = useState<boolean>(false)
|
||||
const [config, setConfig] = useState<Config>()
|
||||
|
||||
useShareTimeline(() => {
|
||||
@@ -72,12 +74,6 @@ function Home() {
|
||||
});
|
||||
};
|
||||
|
||||
const onSticky = (item: IArguments) => {
|
||||
if(item){
|
||||
setStickyStatus(!stickyStatus)
|
||||
}
|
||||
}
|
||||
|
||||
const reload = () => {
|
||||
|
||||
};
|
||||
@@ -116,16 +112,18 @@ function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Sticky threshold={0} onChange={() => onSticky(arguments)}>
|
||||
<Header stickyStatus={stickyStatus}/>
|
||||
</Sticky>
|
||||
{/*<Sticky threshold={0} onChange={() => onSticky(arguments)}>*/}
|
||||
<Header/>
|
||||
{/*</Sticky>*/}
|
||||
<View className={'flex flex-col mt-1'}>
|
||||
<Menu/>
|
||||
<Banner/>
|
||||
{/*<QuickActions/>*/}
|
||||
<Grid />
|
||||
<NoticeBar content={config?.NoticeBar || '主营直购电售电业务,以更优惠电价、更全面的服务,致力为工商企业创造更优越经营环境,帮助企业减负排压,深度赋能'} />
|
||||
<NoticeBar content={config?.NoticeBar || '南南佐顿门窗,专业门窗定制安装服务,10年质保,德国进口五金,5000+家庭选择,98%客户满意度'} />
|
||||
<BestSellers/>
|
||||
<TrustSection/>
|
||||
<CaseShowcase/>
|
||||
<ContactSection/>
|
||||
</View>
|
||||
<PopUpAd />
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user