feat: 新增控笔练习，增加首页公告

2026-05-29 10:21:39 +08:00
parent 2f0c4ab591
commit a6e8f4df02
28 changed files with 1045 additions and 672 deletions
@@ -48,6 +48,92 @@
    margin-top: 48rpx;
 }

+.home-notice-bar {
+    display: flex;
+    align-items: center;
+    margin: 24rpx @page-padding-x 0;
+    padding: 0 24rpx;
+    height: 64rpx;
+    border-radius: 999rpx;
+    background: fade(#ff8f1f, 10%);
+    overflow: hidden;
+    box-sizing: border-box;
+}
+
+.home-notice-bar__label {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    margin-right: 16rpx;
+    padding-right: 16rpx;
+    border-right: 2rpx solid fade(#b06b1a, 30%);
+    height: 36rpx;
+}
+
+.home-notice-bar__icon {
+    font-size: 26rpx;
+    line-height: 1;
+}
+
+.home-notice-bar__label-text {
+    margin-left: 8rpx;
+    font-size: 22rpx;
+    font-weight: 700;
+    color: #b06b1a;
+    line-height: 1;
+}
+
+.home-notice-bar__viewport {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+
+.home-notice-bar__track {
+    display: inline-flex;
+    flex-wrap: nowrap;
+    white-space: nowrap;
+    animation: home-notice-scroll 12s linear infinite;
+    will-change: transform;
+}
+
+.home-notice-bar__group {
+    display: inline-flex;
+    flex-shrink: 0;
+}
+
+.home-notice-bar__item {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+}
+
+.home-notice-bar__text {
+    font-size: 24rpx;
+    color: #7a4c12;
+    line-height: 1;
+}
+
+.home-notice-bar__sep {
+    margin: 0 24rpx;
+    font-size: 24rpx;
+    color: fade(#b06b1a, 50%);
+    line-height: 1;
+}
+
+@keyframes home-notice-scroll {
+    0% {
+        transform: translate3d(0, 0, 0);
+    }
+
+    100% {
+        transform: translate3d(-50%, 0, 0);
+    }
+}
+
 .home-hero-placeholder {
    margin: @section-gap @page-padding-x 0;
    height: 450rpx;