payProject/pages/beautyPlanList/beautyPlanList.wxml

<view class="tabs">
  <view class="tabs-bgc">
    <view class="tabs-wrap flex-align-center tabs-radius">
      <view class="item flex-center line {{current == 0 ? 'active' : ''}}" bindtap="onTabsChange" data-id="0">
        进行中
      </view>
      <view class="item flex-center line {{current == 1 ? 'active' : ''}}" bindtap="onTabsChange" data-id="1">
        待添加
      </view>
      <view class="item flex-center {{current == 2 ? 'active' : ''}}" bindtap="onTabsChange" data-id="2">
        已结束
      </view>
    </view>
  </view>
  <view class="tabs-content">
    <view class="item flex-column current{{item.status}}" wx:for="{{ list }}" wx:key="index" bindtap="goToBeautyPlan" data-item="{{item}}">
      <view class="flex padding flex-align-center">
        <view class="item-left flex1 ellipsis flex-column flex-justify-space-around" style="height: 100%;">
          <text style="color: #666666;">测肤时间：{{item.analysis_time}}</text>
          <text style="color: #666666;">计划周期：{{item.plan_time}}</text>
        </view>
        <view class="line" wx:if="{{ item.status != 0 }}"></view>
        <view class="item-right">
          <block wx:if="{{item.status != 0}}">
            <wux-circle percent="{{item.process}}" color="{{item.status == 1 ? '#FA7D22' : '#F0B900'}}" size="34" strokeWidth="2">
              <text style="font-size: 22rpx; font-family: DINEngschrift; color: {{item.status == 1 ? '#FA7D22' : '#F0B900'}};line-height: 56rpx;">{{ item.process + '%' }}</text>
            </wux-circle>
          </block>
          <view class="btn flex-center" wx:if="{{ item.status == 0 }}">去添加</view>
        </view>
      </view>
    </view>
    <view class="no-data" style="display: {{list.length == 0 ? 'block' : 'none'}};">暂无数据~</view>
    <view class="no-more-data" style="display: {{list.length > 0 && list.length >= total ? 'block' : 'none'}};">
      暂无更多数据~
    </view>
  </view>
</view>