优化勋章分段进度展示

2026-07-29 11:45:20 +08:00
parent 11d49a26df
commit 903951aee0
5 changed files with 109 additions and 20 deletions
@@ -59,7 +59,10 @@
        <text class="badge-status-next" wx:if="{{nextBadgeHint}}">{{nextBadgeHint}}</text>
      </view>
      <view class="badge-track">
-        <view class="badge-fill" style="width: {{badgeProgress}}%;"></view>
+        <view class="badge-segment" wx:for="{{badgeSegments}}" wx:key="index"
+          style="left: {{item.left}}%; width: {{item.width}}%;">
+          <view class="badge-segment-fill" style="width: {{item.progress}}%;"></view>
+        </view>
        <view class="badge-node {{item.unlocked ? 'unlocked' : ''}} {{item.justUnlocked ? 'celebrate' : ''}}"
          wx:for="{{trainingBadges}}" wx:key="days"
          style="left: {{item.pos}}%;"
@@ -72,7 +75,7 @@
      <view class="badge-labels">
        <text class="badge-label {{item.unlocked ? 'unlocked' : ''}}"
          wx:for="{{trainingBadges}}" wx:key="days"
-          style="left: {{item.pos}}%;">{{item.unlocked ? item.name : item.days}}</text>
+          style="left: {{item.pos}}%;">{{item.label}}</text>
      </view>
    </view>
  </ui-card>