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

2026-07-08 11:38:41 +08:00
parent f3b825bdf9
commit 5bbd84868a
4 changed files with 154 additions and 6 deletions
@@ -65,9 +65,14 @@
        <text class="history-hint" wx:if="{{historyList.length > 0}}">长按可删除</text>
      </view>
      <view wx:if="{{historyList.length === 0}}" class="empty-state">
-        <image class="empty-icon" src="{{icons.peopleFill}}" mode="aspectFit"></image>
+        <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>
      <view class="history-list">
        <view class="history-item" wx:for="{{historyList}}" wx:key="id" data-id="{{item.id}}" bindlongpress="onLongPressDelete">