74 lines
3.8 KiB
Plaintext
74 lines
3.8 KiB
Plaintext
<!--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> |