feat(home): 更新首页布局添加品牌展示和联系模块
- 移除售电业务相关内容,调整为门窗定制安装业务 - 新增 TrustSection 品牌信任区组件,展示品质保障和专业团队 - 新增 CaseShowcase 案例展示区组件,支持横向滚动浏览案例 - 新增 ContactSection 联系方式区组件,提供客服热线和在线咨询服务 - 更新首页布局结构,在热销商品后按序排列新功能模块 - 修复图标导入错误,替换为 NutUI 图标库中存在的图标 - 更新样式文件适配新的页面布局和组件间距 - 修改公告栏内容为门窗业务相关介绍 - 调整页面整体样式和间距,优化用户体验
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user