feat: 空状态插画 (CSS 简笔平板支撑小人 + 主题色气泡)

2026-07-08 11:38:41 +08:00
parent f3b825bdf9
commit 5bbd84868a
4 changed files with 154 additions and 6 deletions
@@ -15,11 +15,16 @@
    <ui-skeleton variant="list-row" count="{{5}}" />
  </view>

-  <!-- Empty -->
-  <view class="status-wrap" wx:elif="{{empty}}">
-    <image class="empty-icon" src="{{icons.peopleFill}}" mode="aspectFit"></image>
+  <!-- Empty with CSS illustration -->
+  <view class="empty-state" wx:elif="{{empty}}">
+    <view class="empty-illus">
+      <view class="empty-illus-body"></view>
+      <view class="empty-illus-arm empty-illus-arm--l"></view>
+      <view class="empty-illus-arm empty-illus-arm--r"></view>
+      <view class="empty-illus-bubble">加油</view>
+    </view>
    <text class="empty-text">暂无排行数据</text>
-    <text class="empty-sub">快去训练吧!</text>
+    <text class="empty-sub">快去训练吧,争当第一名!</text>
  </view>

  <!-- Rank list -->