16 lines
1004 B
Plaintext
16 lines
1004 B
Plaintext
|
|
|||
|
|
已按 BUG-002 要求只改了 CSS，未动任何 JS。修改总结如下：
|
|||
|
|
|
|||
|
|
### 1. 未激活 Tab（`.tab-item`）
|
|||
|
|
- **字色**：`.tab-text` 与 `.tab-icon` 均为 `#9ca3af`
|
|||
|
|
- **下划线**：无实线，用 `border-bottom: 6rpx solid transparent` 占位，避免切换时高度抖动
|
|||
|
|
- 其它：`height: 100%`、`min-height: 75rpx`，让底部边框落在 tab 栏最下方；`border-radius: 0`，改为下划线式 tab
|
|||
|
|
|
|||
|
|
### 2. 激活 Tab（`.tab-item.active`）
|
|||
|
|
- **字重**：`.tab-text` 设为 `font-weight: 700`
|
|||
|
|
- **下划线**：`border-bottom: 6rpx solid #f97316`（与要求 3px 等效，用 6rpx 保持与页面其它 rpx 一致）
|
|||
|
|
- **字色**：`.tab-text`、`.tab-icon` 均为 `color: #f97316`
|
|||
|
|
- **背景**：`background: transparent`，去掉原来的橙色块，只保留下划线样式
|
|||
|
|
|
|||
|
|
效果：当前选中的「健康概览」或「营养配餐」会以**加粗 + 橙色字 + 橙色底线下划线**显示，未选中的 Tab 为**灰色字、无下划线**，视觉区分更明显。
|