feat: 新增幼儿测字表

2026-06-11 14:39:06 +08:00
parent a6e8f4df02
commit 25a37fc5e2
15 changed files with 1046 additions and 52 deletions
@@ -0,0 +1,114 @@
+@import '../../style/theme.less';
+
+page {
+    background-color: @bg-page;
+}
+
+.wt-page {
+    min-height: 100vh;
+    padding: 0 @page-padding-x;
+    padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
+    box-sizing: border-box;
+}
+
+.wt-main {
+    padding-top: 24rpx;
+    display: flex;
+    flex-direction: column;
+    gap: 32rpx;
+}
+
+.wt-section {
+    display: flex;
+    flex-direction: column;
+    gap: 20rpx;
+}
+
+.wt-section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.wt-section-title {
+    font-size: 30rpx;
+    font-weight: 700;
+    color: #6d3b00;
+    padding-left: 8rpx;
+}
+
+.wt-category-grid,
+.wt-group-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 24rpx;
+}
+
+.wt-category-card,
+.wt-group-card {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 8rpx;
+    padding: 28rpx 12rpx;
+    border-radius: @radius-lg;
+    background: rgba(255, 255, 255, 0.6);
+    border: 4rpx solid rgba(179, 172, 159, 0.1);
+    box-shadow: @shadow;
+    transition: transform 0.12s, box-shadow 0.12s, border-color 0.12s,
+        background 0.12s;
+}
+
+.wt-group-card {
+    padding: 24rpx 12rpx;
+}
+
+.wt-category-card--active,
+.wt-group-card--active {
+    background: #ffffff;
+    border-color: @brand;
+    box-shadow: @shadow;
+}
+
+.wt-category-card--pressed,
+.wt-group-card--pressed {
+    transform: scale(0.95);
+}
+
+.wt-category-card__icon {
+    font-size: 36rpx;
+    line-height: 1.2;
+}
+
+.wt-category-card__name,
+.wt-group-card__name {
+    font-size: 28rpx;
+    font-weight: 700;
+    color: @text-title;
+    line-height: 1.3;
+    text-align: center;
+}
+
+.wt-category-card__cat {
+    font-size: 20rpx;
+    color: @text-secondary;
+    text-align: center;
+    line-height: 1.3;
+}
+
+.wt-category-card__check,
+.wt-group-card__check {
+    position: absolute;
+    top: 50%;
+    left: 18rpx;
+    transform: translateY(-50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32rpx;
+    height: 32rpx;
+    border-radius: 50%;
+    background-color: #9cd343;
+}