feat: 完成分龄页开发

2026-05-06 17:28:51 +08:00
parent 50394154f7
commit 9bdf850f20
54 changed files with 3499 additions and 1021 deletions
@@ -0,0 +1,146 @@
+@import '../../style/theme.less';
+
+page {
+    min-height: 100%;
+    background: @bg-header;
+}
+
+.ws-sync-page {
+    min-height: 100vh;
+    padding: 24rpx;
+    padding-bottom: 320rpx;
+    background: @bg-header;
+    box-sizing: border-box;
+}
+
+.ws-sync-summary {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 28rpx;
+    background: @bg-white;
+    border-radius: @radius-xl;
+    box-shadow: @shadow;
+}
+
+.ws-sync-summary__info {
+    flex: 1;
+    min-width: 0;
+}
+
+.ws-sync-summary__title {
+    display: block;
+    font-size: 30rpx;
+    font-weight: 700;
+    color: @text-title;
+}
+
+.ws-sync-summary__desc {
+    display: block;
+    margin-top: 8rpx;
+    font-size: 22rpx;
+    line-height: 1.5;
+    color: @text-secondary;
+}
+
+.ws-sync-summary__badge {
+    flex-shrink: 0;
+    margin-left: 20rpx;
+    padding: 6rpx 16rpx;
+    border-radius: 999rpx;
+    font-size: 22rpx;
+    font-weight: 700;
+    color: #605b50;
+    background: fade(#8a8478, 15%);
+}
+
+.ws-sync-summary__badge--ready {
+    color: #4a7a12;
+    background: fade(#93d333, 18%);
+}
+
+.ws-sync-page__stats {
+    display: flex;
+    margin-top: 24rpx;
+}
+
+.ws-sync-stat {
+    flex: 1;
+    padding: 24rpx 16rpx;
+    background: @bg-white;
+    border-radius: @radius-xl;
+    text-align: center;
+    box-shadow: @shadow;
+}
+
+.ws-sync-stat + .ws-sync-stat {
+    margin-left: 16rpx;
+}
+
+.ws-sync-stat__num {
+    display: block;
+    font-size: 32rpx;
+    font-weight: 800;
+    color: @text-title;
+}
+
+.ws-sync-stat__label {
+    display: block;
+    margin-top: 8rpx;
+    font-size: 22rpx;
+    color: @text-secondary;
+}
+
+.ws-sync-page__notice {
+    margin-top: 24rpx;
+    padding: 24rpx 28rpx;
+    background: @bg-white;
+    border-radius: @radius;
+    font-size: 24rpx;
+    line-height: 1.6;
+    color: @text-secondary;
+    box-shadow: @shadow;
+}
+
+.ws-sync-page__notice--error {
+    color: #8a6d00;
+    background: fade(#ffb703, 18%);
+}
+
+.ws-sync-result {
+    margin-top: 24rpx;
+    padding: 28rpx;
+    background: @bg-white;
+    border-radius: @radius-xl;
+    box-shadow: @shadow;
+}
+
+.ws-sync-result__title {
+    display: block;
+    font-size: 28rpx;
+    font-weight: 700;
+    color: @text-title;
+}
+
+.ws-sync-result__body {
+    display: block;
+    margin-top: 12rpx;
+    font-size: 24rpx;
+    line-height: 1.6;
+    color: @text-secondary;
+    white-space: pre-wrap;
+}
+
+.ws-sync-page__build {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16rpx;
+    padding: 24rpx 40rpx;
+    padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
+    background: @bg-header;
+    box-shadow: 0 -4rpx 16rpx rgba(50, 46, 37, 0.06);
+}