feat: 首页按钮样式调整(小圆角/并排/高度对齐)
- 主按钮与自由/循环训练按钮圆角统一为 16rpx(直角→折中方案) - 自由训练/循环训练两个次按钮改为并排一行,文字精简为「自由训练」「循环训练」 - 两个次按钮 size 由 md 改为 xl,与主按钮高度一致 - 新增 preview-buttons.html 对照预览 - 更新工作记忆
This commit is contained in:
+25
-16
@@ -89,25 +89,32 @@
|
||||
text="{{todayDone ? '再次训练' : '开始训练'}}"
|
||||
icon-src="{{icons.playWhite}}"
|
||||
bindtap="onStartTrain"
|
||||
custom-style="border-radius:16rpx;"
|
||||
></ui-btn>
|
||||
|
||||
<ui-btn
|
||||
variant="ghost"
|
||||
size="md"
|
||||
block
|
||||
text="自由训练 · 自定义时长"
|
||||
icon-src="{{icons.timeFill}}"
|
||||
bindtap="onFreeTrain"
|
||||
></ui-btn>
|
||||
<view class="action-row">
|
||||
<ui-btn
|
||||
class="action-cell"
|
||||
variant="ghost"
|
||||
size="xl"
|
||||
block
|
||||
text="自由训练"
|
||||
icon-src="{{icons.timeFill}}"
|
||||
bindtap="onFreeTrain"
|
||||
custom-style="border-radius:16rpx;"
|
||||
></ui-btn>
|
||||
|
||||
<ui-btn
|
||||
variant="ghost"
|
||||
size="md"
|
||||
block
|
||||
text="循环训练 · 分组练习"
|
||||
icon-src="{{icons.repeatFill}}"
|
||||
bindtap="onCircuitTrain"
|
||||
></ui-btn>
|
||||
<ui-btn
|
||||
class="action-cell"
|
||||
variant="ghost"
|
||||
size="xl"
|
||||
block
|
||||
text="循环训练"
|
||||
icon-src="{{icons.repeatFill}}"
|
||||
bindtap="onCircuitTrain"
|
||||
custom-style="border-radius:16rpx;"
|
||||
></ui-btn>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 时间选择弹窗 -->
|
||||
@@ -148,6 +155,7 @@
|
||||
block
|
||||
text="开始自由训练"
|
||||
bindtap="onConfirmFree"
|
||||
custom-style="border-radius:16rpx;"
|
||||
></ui-btn>
|
||||
<text class="picker-cancel" bindtap="onClosePicker">取消</text>
|
||||
</ui-modal>
|
||||
@@ -203,6 +211,7 @@
|
||||
block
|
||||
text="保存并开始"
|
||||
bindtap="onConfirmCircuit"
|
||||
custom-style="border-radius:16rpx;"
|
||||
></ui-btn>
|
||||
<text class="picker-cancel" bindtap="onCloseCircuitPicker">取消</text>
|
||||
</ui-modal>
|
||||
|
||||
Reference in New Issue
Block a user