yimei_spa/pages/skinRecord/components/explanation/explanation.wxml

<view class="tabs flex-column">
  <scroll-view class="tabs-title" scroll-x bindscroll="scrollMove" scroll-left='{{scrollLeft}}' scroll-with-animation="true">
    <view class="flex">
      <view id="scroll-item-{{index}}" class="item flex-align-center {{current == index ? 'active' : '' }}" wx:for="{{ explanation }}" wx:key="index" data-index="{{index}}" bindtap="onChangeNav">
        {{item.name}}
      </view>
    </view>
  </scroll-view>
  <scroll-view class="tabs-list flex1" scroll-into-view="{{toView}}" scroll-y scroll-with-animation="true" bindscroll="scrollMoveY" style="height:0;" bindscrolltolower="scrolltolower">
    <block wx:for="{{explanation}}" wx:key="index">
      <view style="padding: 10rpx 28rpx;" class="item-box" id="{{'item' + index}}">
        <view class="item flex-column border-radius">
          <view class="flex-justify-space-between">
            <text style="font-family: PingFangSC-Medium, PingFang SC;">{{ item.name }}</text>
            <text style="font-family: PingFangSC-Medium, PingFang SC;color: #FA7D22;">{{item.main_item.name}}{{item.main_item.num}}</text>
          </view>
          <!-- <view class="flex-align-center" style="margin: 30rpx 0 48rpx;">
            <text style="font-family: PingFangSC-Medium, PingFang SC;color: #FA7D22;">{{item.main_item.name}} {{item.main_item.num}}</text>
            <text style="font-size: 24rpx;color: #666666;">{{item.last_desc}}</text>
          </view> -->
          <view class="flex" style="margin: 36rpx 0 52rpx;">
            <view class="item-img-box">
              <image class="default-img" src="{{item.image}}" bindtap="onPopupState" data-type="{{ false }}" data-item="{{ item }}" data-value="{{true}}"></image>
              <image class="last-real-image" src="{{item.last_real_image}}" bindtap="onPopupState" data-type="{{ true }}" data-item="{{ item }}" data-value="{{true}}" wx:if="{{ item.last_real_image }}"></image>
            </view>
            <view class="item-content flex1">
              <view class="flex" style="margin-bottom: 42rpx;">
                <text>本次分数：</text>
                <text>{{ item.score }}分</text>
              </view>
              <view class="flex flex-align-center" wx:for="{{ item.items }}" wx:for-item="newItem" wx:key="index" style="margin-bottom: 12rpx;">
                <text style="font-size: 24rpx;color: #5E5A6C;">{{ newItem.name }}：</text>
                <text style="font-size: 24rpx;color: #5E5A6C;font-family: PingFangSC-Semibold;">{{ newItem.num }}个</text>
                <!-- <view class="flex" wx:if="{{ index == 0 && item.last_desc }}">
                  <image style="width: 14rpx;height: 24rpx;margin: 0 16rpx 0 26rpx;" src="/images/icon_skin_0{{ item.last_desc == 'up' ? 2 : 1 }}.png"></image>
                  <text style="font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; color: #FF4148;">{{item.last_desc}}</text>
                </view> -->
              </view>
            </view>
          </view>
          <!-- <view class="flex-column flex-align-center">
            <image src="{{item.image}}"></image>
            <view class="btn-box flex">
              <view class="btn flex-center img" style="margin-right: 46rpx;" bindtap="onPopupState" data-type="{{ false }}" data-item="{{ item }}" data-value="{{true}}">{{ item.name }}检测图</view>
              <view class="btn flex-center" bindtap="onPopupState" data-type="{{ true }}" data-item="{{ item }}" data-value="{{true}}" wx:if="{{ item.last_real_image }}">上次图片</view>
            </view>
            <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;">您本次{{ item.name }}评分: {{item.score}}分</text>
          </view>
          <view class="flex flex-justify-space-between" style="margin: 50rpx 0 30rpx;">
            <view class="flex-column flex-align-center" wx:for="{{ item.items }}" wx:key="index">
              <text style="color: #666666;">{{ item.num }}</text>
              <text style="color: #666666;">{{ item.name }}</text>
            </view>
          </view> -->
          <!-- <view class="suggest"></view> -->
          <text style="background: #F8F8F8;border-radius: 16rpx;padding: 28rpx 24rpx;font-size: 28rpx;color: #666;">{{ item.suggest }}</text>
        </view>
      </view>
    </block>
  </scroll-view>
</view>
<wux-landscape visible="{{ posterPopup }}" maskClosable="{{ true }}" closable="{{ true }}" bind:close="onPopupState" class="poster" newPrefixCls="wux-popup-widtn" data-value="{{false}}">
  <view class="img-box">
    <image src="{{ posterType ? posterItem.last_real_image : posterItem.real_image }}" class="popup-img" />
    <image src="/images/icon_record_bg.png" class="popup-pos" />
  </view>
  <view class="btn" bindtap="onSwitchType" wx:if="{{ posterItem.last_real_image }}">
    查看{{ posterType ? posterItem.name+'检测图' : '上次图片' }}
  </view>
</wux-landscape>