1

pages/index/index.less

@@ -91,9 +91,14 @@ page {
                 font-size: 22rpx;
                 line-height: 34rpx;
                 color: #fff;
-                background: #948cc9;
                 border-radius: 6rpx;
                 padding: 0 8rpx;
+                &.color1 {
+                    background: #948cc9;
+                }
+                &.color2 {
+                    background: #ffa0d1;
+                }
             }
             .today-progress {
                 font-size: 26rpx;

pages/index/index.wxml

@@ -14,7 +14,7 @@
         </view>
         <view class="get-info-btn" bindtap="clickStepData">{{unionAuth&&stepAuth?'提交步数打卡':'获取步数记录'}}</view>
         <view class="step-progress-container" wx:if="{{targetSteps}}">
-            <view class="today-status">进行中</view>
+            <view class="today-status {{currentSteps>=targetSteps?'color2':'color1'}}">{{currentSteps>=targetSteps?'已达标':'进行中'}}</view>
             <view class="today-progress">{{currentSteps}}/{{targetSteps}}<text>步</text></view>
         </view>
         <view class="other-step-title" wx:if="{{stepRecordList.length}}">步数明细</view>

pages/index/index.wxss

@@ -94,10 +94,15 @@ page {
   font-size: 22rpx;
   line-height: 34rpx;
   color: #fff;
-  background: #948cc9;
   border-radius: 6rpx;
   padding: 0 8rpx;
 }
+.page-container .today-step-container .step-progress-container .today-status.color1 {
+  background: #948cc9;
+}
+.page-container .today-step-container .step-progress-container .today-status.color2 {
+  background: #ffa0d1;
+}
 .page-container .today-step-container .step-progress-container .today-progress {
   font-size: 26rpx;
   line-height: 1;