- 删除楼层相关代码及状态管理 - 更新房号唯一键及展示逻辑,去除楼层字段 - 表单中楼层输入改为普通输入框,禁用编辑状态 - 修正提交及校验逻辑,统一房号字段处理 - 简化编辑模式房号数据回填过程 - 移除小区、楼栋、单元、楼层、房号弹出选择组件及相关逻辑 - 更改提示文案,从“请选择”改为“请填写”房号相关项
1.7 KiB
1.7 KiB
2026-04-09 工作日志
首页UI重构 — 去除"豆腐块"布局
用户反馈首页过于规整的"豆腐块"布局,要求重新设计。完成以下改动:
设计思路
- 打破均匀间距,各模块使用差异化 padding/margin
- 去掉公式化的"模块标题+白色卡片"结构
- 引入沉浸式视觉区域和横向交互
具体改动
- index.tsx — 重构布局结构,引入 Hero 区域概念,Banner+Grid 融为一体
- index.scss — 全局样式重写,浅灰背景(#f5f5f7),自定义公告条样式
- TrustSection — 从均匀三列改为横向滑动渐变卡片,突出数据亮点(10年/15年/98%)
- ContactSection — 从2x2网格改为全宽深色底部(#1e293b→#0f172a),沉浸式设计
- BestSellers — 从纵向列表改为横向图文卡片(左图右信息),更紧凑
- CatalogShowcase — 从小卡片改为大面积渐变视觉卡片,带装饰性书本图形
- NoticeBar — 替换NutUI NoticeBar为自定义轻量公告条
注意事项
Fire图标在 @nutui/icons-react-taro 中不存在,改用StarFill- Banner 组件保留动态数据加载能力,圆角样式通过外层 CSS 控制
- Menu 组件已在原代码中 hidden,本次未改动
Grid.tsx 硬编码改造 (13:48)
- 将首页4个功能按钮从后端接口请求改为硬编码
- 菜单项:推荐客户、客户列表、邀请好友、个人中心
- 图片使用OSS直链,避免接口延迟
- 对应页面路径保持不变
客户列表显示接待人员 (13:57)
- 在客户卡片中增加接待人员信息显示
- 字段来源:receptionistName(来自 ShopDealerApply model)
- 仅当接待人员存在时显示