yuminge-app/yun-min-program-plugin-master/packageE/others/skin_result/skin_result.wxml

152 lines
6.6 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- packageE/others/skin_result/skin_result.wxml -->
<view id="skin_all_result">
<view class="m-afresh">
<view class="m-afresh-btn" catchtap="baclOut">再测一次</view>
</view>
<view class="m-result main-bg">
<view class="m-result-top ">
<view class="m-r-t-left">
<image src="{{resultData.report.member.avatar_image}}" alt="" />
<view class="name">{{ resultData.report.member.nickname }}的测肤报告</view>
</view>
<view class="m-r-t-right" catchtap='goShare'>
<icon class="iconfont icon-fontclass-fenxiang2222"></icon>
分享图片
</view>
<!-- <view class="m-r-t-right">美貌认证</view> -->
</view>
<view class="m-result-center">
<view class="m-result-left">
<van-circle value="{{ resultData.report.composite_score }}" layer-color="#f8f8f8" color="#fe5a73"
size="100" stroke-width="8" wx:if="{{!isshow}}" />
<view class="m-result-l-title">综合评分</view>
<view class="m-result-pos">
<!-- <view class="m-result-pos-nums">100</view> -->
<view class="{{resultData.report.composite_scor == '100'?'m-result-pos-nums':'m-result-pos-num'}}">
{{resultData.report.composite_score}}</view>
<view class="m-result-pos-text">分</view>
</view>
</view>
<view class="m-result-right" wx:if="{{resultData.report.reportDetailTop}}">
<view class="m-r-r-chilid" wx:if="{{resultData.report.reportDetailTop.skinType}}">
{{ resultData.report.reportDetailTop.skinType.target_name }}
<view class="r-chilid-text">
{{ resultData.report.reportDetailTop.skinType.value_desc }}
</view>
</view>
<view class="m-r-r-chilid" wx:if="{{resultData.report.reportDetailTop.skinColor}}">
{{ resultData.report.reportDetailTop.skinColor.target_name }}
<view class="r-chilid-text">
{{ resultData.report.reportDetailTop.skinColor.value_desc }}
</view>
</view>
<view class="m-r-r-chilid" wx:if="{{resultData.report.reportDetailTop.skinAge}}">
{{ resultData.report.reportDetailTop.skinAge.target_name }}
<view class="r-chilid-text">
{{ resultData.report.reportDetailTop.skinAge.value + '岁' }}
</view>
</view>
</view>
</view>
<view class="m-result-bottom">
<view class="m-r-b-l">您已击败{{ resultData.beat }}%的用户</view>
<view class="m-r-b-r" catchtap="showImga">查看质检图片</view>
</view>
<view class="m-result-rank">NO:{{ resultData.report.id }}</view>
</view>
<view class="warn-text">提示本报告由专业第三方AI皮肤分析结果得出仅供参考</view>
<view class="skin-question main-bg">
<block wx:if="{{resultData.question.length > 0}}">
<view class="skin-title">主要问题</view>
<view class="skin-question-chlid">
<view class="small-btn" wx:for="{{resultData.question}}" wx:key="index">{{ item }}</view>
</view>
</block>
<view class="skin-title" wx:if="{{resultData.report.reportDetail.length > 0}}">程度指数</view>
<block>
<view class="skin-index" wx:for="{{resultData.report.reportDetail}}" wx:key='index'>
<view class="skin-index-list">
<view class="skin-list-name">{{ item.target_name }}</view>
<skin-circle style='width:100%' datas="{{item}}"></skin-circle>
</view>
</view>
<view class="skin-all-btn" catchtap='tapAll'>查看完整质检报告</view>
<!-- <view class="skin-description">
黑头的形成原因:一、和局部毛囊口扩张有关系,二、
扩张的毛囊口里面有大量的皮脂淤积,皮脂在遇到空气之后发生氧化,在顶端就会出现黑色的外观。俗称黑头。
</view> -->
</block>
</view>
<!-- 护肤攻略 -->
<view class="skin-strategy main-bg" wx:if="{{resultData.article.length > 0}}">
<view class="skin-title">护肤攻略</view>
<view class="skin-strategy-list" wx:for="{{resultData.article}}" wx:key="{{item.id}}">
<view class="skin-strategy-list-top">
<view class="skin-strategy-list-title" style="">{{ item.title }}</view>
<view class="skin-strategy-list-btn" catchtap="tapMore" data-item="{{item}}">查看更多
<van-icon name="arrow" />
</view>
</view>
<view class="skin-strategy-content">{{ item.desc }}</view>
</view>
</view>
<!-- 护肤顾问 -->
<view class="main-bg skin-counselor" wx:if="{{resultData.adviser.length > 0}}">
<view class="skin-title">护肤顾问</view>
<view class="counselor-list" wx:for="{{resultData.adviser}}" wx:key="{{item.uid}}" catchtap="gotoUrl"
data-item='{{item}}'>
<image src="{{item.avatar_image}}" alt="" />
<view class="counselor-list-main">
<view class="counselor-nickname">
<view class="counselor-nickname-text">昵称:{{ item.nickname }}</view>
<icon class="iconfont icon-fontclass-mingpian" wx:if="{{resultData.business_card == 1}}"></icon>
</view>
<view class="counselor-name" wx:if="{{item.realname}}">姓名:{{ item.realname}}</view>
</view>
<view class="counselor-contact">
<icon class="iconfont icon-zx_map_tel" catchtap="callPhone" data-item="{{item}}"
wx:if='{{item.mobile}}'></icon>
<view class="line" wx:if="{{item.yz_member.wechat && item.mobile}}"></view>
<icon class="iconfont icon-all_wechat" catchtap="copy" data-item="{{item}}"
wx:if="{{item.yz_member.wechat}}">
</icon>
</view>
</view>
</view>
<!-- 推荐商品 -->
<view class="skin-goods main-bg">
<view class="skin-title">推荐商品</view>
<block wx:if="{{label.length > 0}}">
<van-tabs active="{{panelIndex}}" bind:change="chooseTabData">
<block wx:for="{{label}}" wx:key='index'>
<van-tab title="{{item.label_name}}"></van-tab>
</block>
</van-tabs>
</block>
<view style="height:30rpx"></view>
<view class="goods-list" wx:for="{{goodsLis}}" wx:key='ind' catchtap="tapGood" data-kid="{{item.id}}">
<image src="{{item.thumb}}" alt="" />
<view class="goods-info">
<view class="good-title">{{item.title}}</view>
<view class="good-effect">
<view class="good-effect-child" wx:for="{{item.label}}" wx:key="index" wx:for-item='list'>
<block wx:if="{{index != 0}}">|</block>{{list.label_name}}
</view>
</view>
<view class="goods-price">
<view class="market_price"
wx:if="{{item.market_price != '0.00' && item.market_price != item.price}}">
{{market_price}}{{language['money']}}{{item.market_price}}</view>
<view class="prices">
{{price}}
<view class="prices-color">{{language['money']}}{{item.price}}</view>
</view>
</view>
</view>
</view>
</view>
</view>
<qrcode kid="{{id}}" isshow="{{isshow}}" showcarrfootBol="{{showcarrfootBol}}" iPnoneBottomBol="{{iPnoneBottomBol}}"
bindmyshow='myshow'></qrcode>
<kFoot exshow="{{true}}" wx:if="{{kFootshow}}"></kFoot>
<shopfoot bindtabrshow="tabrshowbtn"></shopfoot>