<!--packageE/others/skin/skin.wxml-->
<view id="skin_home">
  <view class="main">
    <view class="main-top">
      <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/camera.png" alt="" catchtap="tapUpload"></image>
      <view class="h1">开始测肤</view>
      <view class="h3">看看您的皮肤状态怎么样？</view>
    </view>
    <view class="main-agreement" wx:if="{{set.is_open == '1'}}">
      <van-checkbox value="{{checked}}" bind:change="checkboxinp" shape="square" checked-color="#fe5a73"
        icon-size="16px"></van-checkbox>
      <view style="margin-left: 24rpx" catchtap="tap_showAgreement">{{set.name}}</view>
    </view>
    <view class="main-warn">
      <view class="warn-text">
        <view>图片越清晰，测肤结果越准确~</view>
        <view>拍照请务必关闭美颜功能哦~</view>
      </view>
      <view class="warn-example" catchtap="tap_showExample">查看图片示例</view>
    </view>
    <view class="main-bottom">
      <view class="bottom-child" catchtap="goLog">我的测肤记录</view>
      <view class="bottom-child color2" wx:if="{{rank_list == '1'}}" catchtap="goband">测肤排行榜</view>
    </view>

    <!-- 示例 -->
    <van-popup show="{{showExample}}" closeable close-on-click-overlay="true" bind:close="posterClose"
      class="example-popup" round custom-style="width:80%;border-radius: 10rpx;">
      <view class="posicon" catchtap="posterClose">
        <van-icon name="cross"></van-icon>
      </view>
      <view class="example-title">1.点击开始测肤</view>
      <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/camera.png"></image>
      <view class="example-title">2.从您的图库里选择一张</view>
      <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/example.png"></image>
      <view class='p' class="example-text">建议使用后置摄像头、闭眼使用闪光灯拍照！</view>
    </van-popup>
    <!-- 协议 -->
    <van-popup show="{{showAgreement}}" round closeable class="agreement-popup"
      custom-style="width:80%;border-radius: 10rpx;text-align: center;" bind:close="posterClose_b">
      <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/agreement.png"></image>
      <view class="h2">协议说明</view>
      <view class="agreement-popup-text">
        <rich-text nodes='{{set.content}}'></rich-text>
      </view>
      <view class="posicon_a">
        <view class="posicon_b" catchtap="posterClose_b">
          <van-icon name="cross"></van-icon>
        </view>
      </view>
    </van-popup>
    <!-- 温馨提示 -->
    <van-popup show="{{showTips}}" round
      custom-style="width:490rpx;border-radius: 20rpx;background: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/tips.png);background-size: cover;">
      <view class="tips-popup">
        <view class="h2">温馨提示</view>
        <view class="tips-popup-text1">您今天/指定周期测试次数已经用完， 暂时不能进行测试！</view>
        <view class="tips-popup-text2" wx:if="{{checkAuth}}">注：{{checkAuth}}</view>
        <view class="tips-popup-btn" catchtap="tap_showTips">确定</view>
      </view>
    </van-popup>
    <van-popup show="{{showUpload}}" :overlay="false" position="bottom" class="upload-popup"
      custom-style="height:100vh">
      <view class="img-animation">
        <image class="whirl" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/upload.png" alt="" />
        <image class="upload-img" src="{{tranImg}}" alt="" />
      </view>
      <view class="upload-popup-text">图片大小{{size}}，预计时间1.9s，请稍等...</view>
      <view class="upload-popup-text">肤质检测，已完成{{progress}}%</view>
    </van-popup>
  </view>
</view>
<kFoot exshow="{{true}}" wx:if="{{kFootshow}}"></kFoot>
<shopfoot bindtabrshow="tabrshowbtn"></shopfoot>