feat(home): 更新首页布局添加品牌展示和联系模块

- 移除售电业务相关内容,调整为门窗定制安装业务
- 新增 TrustSection 品牌信任区组件,展示品质保障和专业团队
- 新增 CaseShowcase 案例展示区组件,支持横向滚动浏览案例
- 新增 ContactSection 联系方式区组件,提供客服热线和在线咨询服务
- 更新首页布局结构,在热销商品后按序排列新功能模块
- 修复图标导入错误,替换为 NutUI 图标库中存在的图标
- 更新样式文件适配新的页面布局和组件间距
- 修改公告栏内容为门窗业务相关介绍
- 调整页面整体样式和间距,优化用户体验
This commit is contained in:
2026-03-31 00:36:51 +08:00
parent 1d004ee35d
commit ca4405638c
13 changed files with 868 additions and 37 deletions

View File

@@ -16,28 +16,28 @@ const QuickActions: React.FC = () => {
const actions = [
{
icon: <Star size={22} />,
title: '我要推荐2',
path: '/dealer/index',
iconClass: 'qa-icon--orange',
title: '预约测量',
path: '/appointment/measurement',
iconClass: '--orange',
avatar: 'https://oss.wsdns.cn/20260330/5f54527123864193b0a2078f812b117f.png?x-oss-process=image/resize,m_fixed,w_200/quality,Q_90'
},
{
icon: <People size={22} />,
title: '我的客户',
path: '/dealer/customer/index',
iconClass: 'qa-icon--blue'
title: '案例展示',
path: '/cases/showcase',
iconClass: '--blue'
},
{
icon: <AddCircle size={22} />,
title: '邀请好友',
path: '/dealer/qrcode/index',
iconClass: 'qa-icon--cyan'
title: '在线咨询',
path: '/consultation/online',
iconClass: '--cyan'
},
{
icon: <Wallet size={22} />,
title: '我的钱包',
path: '/user/wallet/wallet',
iconClass: 'qa-icon--red'
title: '门店导航',
path: '/store/navigation',
iconClass: '--red'
}
]
@@ -61,10 +61,14 @@ const QuickActions: React.FC = () => {
className='quick-actions__item'
onClick={() => handleClick(action)}
>
<View className={`quick-actions__icon ${action.iconClass}`}>
<Avatar src={action.avatar} className={'mb-2'} shape="square" style={{
backgroundColor: 'transparent',
}}/>
<View className={`quick-actions__icon quick-actions__icon${action.iconClass}`}>
{action.avatar ? (
<Avatar src={action.avatar} className={'mb-2'} shape="square" style={{
backgroundColor: 'transparent',
}}/>
) : (
action.icon
)}
</View>
<Text className='quick-actions__label'>{action.title}</Text>
</View>