feat: 小程序UI重构为Apple设计系统并添加tabBar

- 全局样式重构为Apple Design System风格
- 添加底部tabBar导航(首页/发布/历史/私信/我的)
- 更紧凑的spacing和更小的字体尺寸
- pill圆角按钮和状态标签
- Action Blue (#0066cc) 单一accent色
- 添加tabBar图标资源

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
刘正航
2026-05-01 12:06:37 +08:00
parent f5b706d892
commit f7fdc635c7
17 changed files with 404 additions and 272 deletions

View File

@@ -1,11 +1,7 @@
const { request } = require('../../utils/request')
const USER_MODULES = [
{ name: '信息发布', desc: '发布公开 / 私有 / 私信文本并实时检测', tag: '发布检测', path: '/pages/detect/index' },
{ name: '批量识别', desc: '多条文本批量检测并给出风险汇总', tag: '批量筛查', path: '/pages/batch/index' },
{ name: '发布历史', desc: '查看发布状态、概率和申诉进度', tag: '历史追踪', path: '/pages/history/index' },
{ name: '私信收件箱', desc: '查看通过检测后成功送达的私信', tag: '私信查看', path: '/pages/inbox/index' },
{ name: '个人中心', desc: '维护个人资料与密码设置', tag: '账号设置', path: '/pages/profile/index' }
{ name: '批量识别', desc: '多条文本批量检测并给出风险汇总', tag: '批量筛查', path: '/pages/batch/index' }
]
const ADMIN_MODULES = [

View File

@@ -33,8 +33,8 @@
</view>
<view class="card fade-up fade-up-delay-2">
<view class="card-title">用户功能</view>
<view class="card-desc">常用操作入口,覆盖发布、检测、历史和账号设置。</view>
<view class="card-title">更多功能</view>
<view class="card-desc">批量检测与管理功能入口。</view>
<view class="grid-2">
<view class="module-card" wx:for="{{userModules}}" wx:key="name" data-path="{{item.path}}" bindtap="goto">
<view class="module-name">{{item.name}}</view>
@@ -55,6 +55,4 @@
</view>
</view>
</view>
<button class="btn btn-ghost fade-up fade-up-delay-3" bindtap="logout">退出登录</button>
</view>