feat:选择文字

2025-06-30 17:14:03 +08:00
parent 23ad49d333
commit 654afced6f
10 changed files with 129 additions and 39 deletions
@@ -37,9 +37,9 @@

        .word-list {
            display: grid;
-            grid-template-columns: repeat(7, 72rpx);
-            grid-template-rows: repeat(20, 72rpx);
-            gap: 24rpx;
+            grid-template-columns: repeat(6, 72rpx);
+            grid-template-rows: repeat(1, 72rpx);
+            gap: 40rpx;
            justify-content: center;
            // box-shadow: 0 0 -10rpx rgba(0, 0, 0, 0.2);
            // align-items: flex-start;
@@ -49,12 +49,18 @@
                height: 72rpx;
                border-radius: 16rpx;
                background: rgba(240, 240, 240, 1);
-                box-shadow: 3.9px 3.9px 5.2px rgba(0, 0, 0, 0.15);
+                box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 28rpx;
                color: #141414;
+
+                &.selected {
+                    background: rgb(147, 211, 51);
+                    color: #ffffff;
+                    box-shadow: 0px 2px 4px rgba(147, 211, 51, 0.15);
+                }
            }
        }

@@ -76,4 +82,10 @@
        }
    }

+    .btn-area {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 96rpx;
+    }
+
 }