feat:首页输入框、文字卡片

miniprogram/pages/index/index.less

@@ -1,33 +1,38 @@
-/**index.less**/
 page {
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
+    background-color: #F6F6F6;
 }
 
-.scroll-view {
-    flex: 1;
-    overflow-y: hidden;
-}
-
-.card {
-    margin: 10px;
-    padding: 10px;
-    background-color: #fff;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    width: calc(33.33% - 20px);
-    /* Adjust width for three cards per row */
+.page-container {
+    background-color: #F6F6F6;
+    padding: 24rpx;
     box-sizing: border-box;
-    /* Ensure padding and margin are included in the width */
-    display: inline-block;
-    /* Allow cards to sit next to each other */
-    vertical-align: top;
-    /* Align cards to the top */
 
-    .card-title {
-        font-size: 18px;
-        font-weight: bold;
-        color: #333;
+    .wrapper {
+        background-color: #ffffff;
+        border-radius: 20rpx;
+        padding: 30rpx;
+        box-shadow: 0 3rpx 4rpx rgba(0, 0, 0, 0.15);
+        margin: 30rpx 0;
+        display: flex;
+        flex-direction: column;
+
+        .wrapper-title {
+            font-size: 32rpx;
+            color: #141414;
+            margin-bottom: 30rpx;
+            font-weight: bold;
+            text-align: center;
+        }
+    }
+
+    .word-card-box {
+        margin-top: 30rpx;
+    }
+
+    .word-card-list {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        margin-bottom: 24rpx;
     }
 }