feat: 首页按钮样式调整(小圆角/并排/高度对齐)
- 主按钮与自由/循环训练按钮圆角统一为 16rpx(直角→折中方案) - 自由训练/循环训练两个次按钮改为并排一行,文字精简为「自由训练」「循环训练」 - 两个次按钮 size 由 md 改为 xl,与主按钮高度一致 - 新增 preview-buttons.html 对照预览 - 更新工作记忆
This commit is contained in:
@@ -201,3 +201,12 @@ inline 盒内包 block 子元素时,inline 盒被打断成"前/后"两个零
|
||||
|
||||
### ⚠️ 部署待办
|
||||
`cloudfunctions/tts` **尚未重新部署**。新增的 `restStart / nextSet / lastSet` 三条词条在云端词表白名单里还不存在,线上会返回 `Unknown prompt key` → 客户端静默降级(不报错、不弹窗,只是不出声)。循环训练的过场语音要生效必须先部署这个云函数。
|
||||
|
||||
## 首页按钮改直角(2026-08-03 末尾)
|
||||
|
||||
用户偏好无圆角按钮。把 `pages/index/index.wxml` 中 5 个 `ui-btn` 全加 `custom-style="border-radius:0;"`(主训练按钮 xl-primary、两个 ghost 次按钮、两个弹窗 primary-lg 按钮)。
|
||||
- **实现要点**:`ui-btn` 是全局共用组件且 `style isolation: isolated`,页面 wxss 改不到内部圆角;但组件暴露 `customStyle` 属性(直接挂到内部 `<button>` 的 `style`),内联 `border-radius:0` 可覆盖组件内置的 `48rpx`,**仅影响首页、不动全局与其他页面**。
|
||||
- 生成 `preview-buttons.html` 对照预览(圆角 vs 直角)。
|
||||
- **用户反馈直角不好看 → 改为折中 `border-radius:10rpx`(8–12 中间值)**,5 处 `custom-style` 已更新。仅首页、不动全局。预览页「改后」栏同步更新为 10rpx 效果。
|
||||
- **布局调整**:首页「自由训练 / 循环训练」两个 ghost 次按钮从竖排改为并排一行。wxml 用 `<view class="action-row">` 包住两个 `<ui-btn class="action-cell">`;index.wxss 加 `.action-row{display:flex;gap:16rpx}` + `.action-row .action-cell{flex:1;min-width:0}`(宿主节点为 flex 项,flex:1 各占一半,保留 `block` 让内部按钮撑满宿主)。按钮文字精简为「自由训练」「循环训练」。
|
||||
- **高度对齐**:自由/循环两个 ghost 次按钮 `size` 从 `md`(80rpx) 改为 `xl`(108rpx),与主按钮 `size="xl"` 高度一致(圆角保持 16rpx)。预览页 `btn--md`→`btn--xl` 同步。仅首页、不动全局组件。
|
||||
|
||||
Reference in New Issue
Block a user