cheney
4a04720a5e
1) 版本对齐分支 - package.json / tauri.conf.json / Cargo.toml / Cargo.lock: 0.1.0 -> 0.2.0, OTA 包版本变为 0.2.0-ota - 新增 scripts/ci/check-version.mjs: 分支 dev-x.y 与 package.json 版本不一致时 CI 直接失败 - docker-build.yml / ota-build.yml: min_binary_version 与前端版本解耦, 固定 0.1.0 (现有 APK 原生层仍是 0.1.0, 抬高会导致旧 APK 收不到更新) 2) 我的页 OTA「开发版本」开关 (默认关, 持久化 localStorage.iboard_ota_dev_mode) - 关: 按版本号逐字段比较 (src/utils/version.js), 服务端 version 更高才算新 - 开: 按 build sequence 判新 (hotswap checkUpdate), 每次构建都能推到设备 - Web 端: 开发口径退化为版本不同即算新; 生产口径严格比较大小 3) 打卡 Tab 移到最左并默认选中, 移除特效开关 - BottomNav: 打卡/宏观/监控/我; 删除 home 图标 - App: / 与 404 均重定向到 /checkin - RingProgress/Celebrate: 删除 effectsEnabled/setEffectsEnabled, 特效恒开 - HabitView: 去掉头部「特效开/关」按钮 4) 取消首页 Tab, 报警/新闻并入宏观 - 新增 pages/macro/AlertsView.jsx、NewsView.jsx; 删除 HomePage.jsx - MacroPage: 6 个子 Tab (油价/经济数据/策略研究/经济文章/报警/新闻), 报警角标保留 - 新闻详情 /news/:id -> /macro/news/:id (宏观 Tab 保持高亮) 5) 文档: 需求文档补 F-OT 需求点与已决策项; 设计文档新增 §10 变更记录与判新设计; 界面设计.html 11 屏 (Tab 4 项/去掉特效开关/宏观合并/我的 OTA 开关 关+开 两态)
50 lines
1.5 KiB
React
50 lines
1.5 KiB
React
import { useLocation, useNavigate } from 'react-router-dom'
|
|
import { TabBar } from 'antd-mobile'
|
|
import TabIcon from './TabIcon.jsx'
|
|
|
|
// 底部 Tab 配置: key 既是路由前缀, 又是 icon 名
|
|
// 使用 antd-mobile TabBar: 自带 safe-area 处理, 仿原生 iOS/Android 风格
|
|
// V0.2: 打卡置最左并为默认 Tab; 原「首页」的报警/新闻并入「宏观」, 不再有首页 Tab
|
|
const TABS = [
|
|
{ key: '/checkin', name: 'checkin', label: '打卡' },
|
|
{ key: '/macro', name: 'macro', label: '宏观' },
|
|
{ key: '/monitor', name: 'monitor', label: '监控' },
|
|
{ key: '/me', name: 'me', label: '我' },
|
|
]
|
|
|
|
// 根据当前路径计算激活的 tab key (精确匹配 + 前缀匹配)
|
|
function activeKeyFromPath(pathname) {
|
|
for (const t of TABS) {
|
|
if (pathname === t.key || pathname.startsWith(t.key + '/')) {
|
|
return t.key
|
|
}
|
|
}
|
|
// 未知路径兜底到第一个 Tab (打卡)
|
|
return TABS[0].key
|
|
}
|
|
|
|
// 移动端底部 Tab 导航: antd-mobile TabBar, 内置安全区
|
|
// 作用: 渲染底部 4 个 tab, 切换路由; 激活态根据当前 URL 计算
|
|
export default function BottomNav() {
|
|
const { pathname } = useLocation()
|
|
const navigate = useNavigate()
|
|
const activeKey = activeKeyFromPath(pathname)
|
|
|
|
return (
|
|
<TabBar
|
|
activeKey={activeKey}
|
|
safeArea
|
|
className="app-tabbar"
|
|
onChange={navigate}
|
|
>
|
|
{TABS.map((t) => (
|
|
<TabBar.Item
|
|
key={t.key}
|
|
title={t.label}
|
|
icon={(active) => <TabIcon name={t.name} active={active} />}
|
|
/>
|
|
))}
|
|
</TabBar>
|
|
)
|
|
}
|