feat: 汉字每日打卡页面优化

2026-05-22 11:00:04 +08:00
parent 41082f59ef
commit bcece55238
7 changed files with 95 additions and 27 deletions
@@ -33,34 +33,56 @@
 }

 .word-list-wrapper {
-    padding: 28rpx 0;
+    padding: 20rpx 0;
    overflow-y: auto;
    height: 500rpx;

+    // 一二年级等有上下册分区的 tab
    .word-section {
-        margin-bottom: 36rpx;
+        margin-bottom: 12rpx;
+        padding-top: 12rpx;
+
+        &:first-child {
+            padding-top: 4rpx;
+        }

        &:last-child {
-            margin-bottom: 0;
+            margin-bottom: 6rpx;
        }

        .word-section-title {
-            font-size: 26rpx;
-            color: #888888;
-            padding-left: 28rpx;
-            margin-bottom: 20rpx;
-            font-weight: bold;
            display: flex;
            align-items: center;
+            justify-content: center;
+            text-align: center;
+            font-size: 34rpx;
+            font-weight: bold;
+            color: #453900;
+            letter-spacing: 4rpx;
+            margin: 26rpx 0 24rpx;
+            // padding: 0 28rpx;
+
+            &::before,
+            &::after {
+                content: "";
+                flex: 1;
+                max-width: 80rpx;
+                height: 2rpx;
+                background: linear-gradient(90deg,
+                        transparent,
+                        rgba(147, 211, 51, 0.65));
+                border-radius: 2rpx;
+            }

            &::before {
-                content: "";
-                display: inline-block;
-                width: 6rpx;
-                height: 24rpx;
-                background-color: #93d333;
-                margin-right: 12rpx;
-                border-radius: 3rpx;
+                margin-right: 20rpx;
+            }
+
+            &::after {
+                margin-left: 20rpx;
+                background: linear-gradient(90deg,
+                        rgba(147, 211, 51, 0.65),
+                        transparent);
            }
        }
    }