feat: 优化页面样式

2025-09-30 16:27:26 +08:00
parent b892b5625a
commit 3c6218616c
11 changed files with 238 additions and 98 deletions
@@ -5,10 +5,12 @@
    border-radius: 20rpx;
    background-color: #f8f8f8;
    align-items: center;
+    border: 1rpx solid #e0e0e0;
+    // box-shadow: 0 0rpx 4rpx rgba(0, 0, 0, 0.5);

    .word-input-icon {
        // border: 1px solid red;
-        padding: 22rpx;
+        padding: 0 22rpx;
    }

    .word-input {
@@ -21,20 +23,6 @@
    }

    .btn-word-add {
-        box-sizing: border-box;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        height: 72rpx;
-        padding: 0 24rpx;
-        background: rgba(255, 215, 25, 1);
-        border-radius: 20rpx;
-        font-size: 28rpx;
-        color: #fff;
        margin-right: 10rpx;
-
-        &.active {
-            background-color: rgba(255, 215, 25, 0.8);
-        }
    }
 }
@@ -14,11 +14,12 @@
        placeholder="{{placeholder}}"
        bindinput="onInput"
        bindconfirm="onConfirm" />
-    <view
+    <toy-button
        class="btn-word-add"
-        bind:tap="onConfirm"
-        bind:touchstart="{{wxs.touchStart}}"
-        bind:touchend="{{wxs.touchEnd}}">
+        type="primary"
+        width="auto"
+        height="72rpx"
+        bind:click="onConfirm">
        添加
-    </view>
+    </toy-button>
 </view>