Просмотр исходного кода

fix(frontend): 财商打卡页居中+控件高度 - 容器宽度约束+input padding增大

- .container 加 width:100%/overflow-x:hidden 防止内容右偏
- .form-input padding 16rpx->22rpx, font-size 26rpx->28rpx 提升触控体验

Ultraworked with [Sisyphus](https://github.com/OhMyOpenCode)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
E2E Test Bot 1 месяц назад
Родитель
Сommit
94f8e8c84e
1 измененных файлов с 3 добавлено и 3 удалено
  1. 3 3
      cfc-frontend/pages/wealth-sub/checkin.vue

+ 3 - 3
cfc-frontend/pages/wealth-sub/checkin.vue

@@ -434,7 +434,7 @@ export default {
 </script>
 
 <style>
-.container { min-height: 100vh; background: #f5f7fa; padding: 20rpx 30rpx 120rpx; }
+.container { min-height: 100vh; background: #f5f7fa; padding: 20rpx 30rpx 120rpx; width: 100%; box-sizing: border-box; overflow-x: hidden; }
 
 /* 能量提示 */
 .energy-tip {
@@ -538,8 +538,8 @@ export default {
 .form-item { margin-bottom: 24rpx; }
 .form-label { font-size: 26rpx; color: #666; margin-bottom: 8rpx; display: block; }
 .form-input {
-  border: 2rpx solid #E5E7EB; border-radius: 12rpx; padding: 16rpx 20rpx;
-  font-size: 26rpx; width: 100%; box-sizing: border-box;
+  border: 2rpx solid #E5E7EB; border-radius: 12rpx; padding: 22rpx 20rpx;
+  font-size: 28rpx; width: 100%; box-sizing: border-box;
 }
 .form-picker {
   border: 2rpx solid #E5E7EB; border-radius: 12rpx; padding: 16rpx 20rpx;