<import src="../../../components/local/wxParse/wxParse"></import>
<view class="skin-box">
  <!-- 检测肤质年龄 -->
  <view class="skin-detail">
    <view class="skin-detail-top">
      <view class="skin-time">检测时间：{{skinInfo.create_time}}</view>
      <view class="skin-history" bindtap="goHistory" wx:if="{{isHistory}}">历史报告</view>
    </view>
    <view class="skin-detail-bottom">
      <view class="skin-type">
        <view>肤质</view>
        <view>{{skin_type[skinInfo.skin_type-1]}}</view>
      </view>
      <view class="skin-line"></view>
      <view class="skin-age">
        <view class="skin-age-one"><text class="skin-age-text">肤龄:</text><text class="age">{{skinInfo.skin_age}}</text>岁</view>
        <view class="skin-age-two" wx:if="{{ageStatus==0}}">
          <view class="">比实际年龄年轻{{ageChange}}岁</view>
          <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221107/%E4%BD%8E%402x.png"></image>
        </view>
        <view class="skin-age-two" wx:if="{{ageStatus==1}}">
          <view class="">比实际年龄高{{ageChange}}岁</view>
          <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20221107/%E9%AB%98%402x.png"></image>
        </view>
        <view class="skin-age-two" wx:if="{{ageStatus==2}}">
          <view class="">同实际年龄相同</view>
        </view>
      </view>
    </view>
  </view>
  <!-- 皮肤状态 -->
  <view class="skin-status">
    <view class="skin-status-title">
      <view class="title-line"></view>
      <view style="position: relative;">您的皮肤状态
      </view>
    </view>
    <view class="skin-status-content">{{skinInfo.skin_status}}</view>
    <view wx:if="{{skinLevel==0}}" class="skin-status-problem">
      健康</view>
    <view wx:if="{{skinLevel!=0}}" class="skin-status-problem">
      <view class="skin-status-problem-circle"></view>
      {{skinLevelList[skinLevel]}}问题
    </view>
    <view class="problem-box">
      <view class="problem-item" wx:key="index" wx:for="{{skinInfo.degree.list}}">
        {{item.name}} | {{item.value}}
      </view>
    </view>
  </view>
  <!-- 护理建议 -->
  <view class="skin-suggest">
    <view class="skin-suggest-title">
      <view class="suggest-title-line"></view>
      <view class="title">护理建议</view>
    </view>
    <view class="suggest-box" wx:key="index" wx:for="{{skinInfo.suggest_list}}">
      <view class="suggest-item">
        <view class="suggest-item-title">{{item.title}}</view>
        <view class="suggest-item-content">
          <!-- {{item.content}} -->
          <template is="wxParse" data="{{wxParseData:askItemsArr[index]}}"></template>
        </view>
      </view>
    </view>
  </view>
  <!-- 为你推荐 -->
  <view class="skin-recommend">
    <view class="skin-recommend-title">
      <view class="recommend-line"></view>为你推荐
    </view>
    <view class="recommend-box">
      <view class="recommend-item" data-id="{{item.id}}" bindtap="goGoodsDetail" wx:key="index" wx:for="{{skinInfo.goods_list}}">
        <view class="recommend-item-image">
          <image src="{{item.cover_url}}"></image>
        </view>
        <view class="recommend-item-title">{{item.goods_name}}</view>
        <view class="recommend-item-icon">
          <image src="../../../images/go_on.png"></image>
        </view>
      </view>
    </view>
  </view>
  <!-- 查看您的专属护理方案 -->
</view>
  <view class="bottom-bgc">
    <view wx:if="{{isRadio}}" class="goPlan" bindtap="goPlan">{{skinInfo.has_scheme==1?'查看我的专业护肤方案':'生成我的专业护肤方案'}}</view>
  </view>