86 lines
3.1 KiB
Plaintext
86 lines
3.1 KiB
Plaintext
<!-- packageE/others/mycomponent/skin-circle.wxml -->
|
|
<view id="skin_circle">
|
|
<block wx:if="{{types != 'all'}}">
|
|
<view class="skin_circle-main">
|
|
<block wx:if="{{datas.type_id != 4}}">
|
|
<view class="skin-circle-main-child"></view>
|
|
<view class="skin-circle-main-child"></view>
|
|
<view class="skin-circle-main-child"></view>
|
|
</block>
|
|
<view class="round-box" style=" left: {{datas.value == 1?'15%':(datas.value == 2?'50%':'80%')}} ">
|
|
<view class="board">
|
|
<view class="em"></view>
|
|
{{datas.value_desc}}
|
|
</view>
|
|
<view class="round"></view>
|
|
</view>
|
|
</view>
|
|
<view class="skin_circle-main">
|
|
<view class="skin-circle-main-text">{{datas.target_value[1]}}</view>
|
|
<view class="skin-circle-main-text">{{datas.target_value[2]}}</view>
|
|
<view class="skin-circle-main-text">{{datas.target_value[3]}}</view>
|
|
</view>
|
|
</block>
|
|
<block wx:else>
|
|
<block wx:if="{{datas.type_id == 3}}">
|
|
<view class="skin_circle-main">
|
|
<block wx:if="{{datas.type_id != 4}}">
|
|
<view class="skin-circle-main-child"></view>
|
|
<view class="skin-circle-main-child"></view>
|
|
<view class="skin-circle-main-child"></view>
|
|
</block>
|
|
<view class="round-box" style=" left: {{datas.value == 1?'15%':(datas.value == 2?'50%':'80%')}} ">
|
|
<view class="board">
|
|
<view class="em"></view>
|
|
{{datas.value_desc}}
|
|
</view>
|
|
<view class="round"></view>
|
|
</view>
|
|
</view>
|
|
<view class="skin_circle-main">
|
|
<view class="skin-circle-main-text">{{datas.target_value[0]}}</view>
|
|
<view class="skin-circle-main-text">{{datas.target_value[1]}}</view>
|
|
<view class="skin-circle-main-text">{{datas.target_value[2]}}</view>
|
|
</view>
|
|
</block>
|
|
<block wx:else>
|
|
<block wx:if="{{datas.key == 'skinAge'}}">
|
|
<view class="skin_circle-main" wx:if="{{datas.type_id != 4}}">
|
|
<view class="skin-circle-main-child2"></view>
|
|
<view class="round-box" style=" left: {{datas.value +'%'}} ">
|
|
<view class="board">
|
|
<view class="em"></view>
|
|
{{datas.value || datas.value_desc}}岁
|
|
</view>
|
|
<view class="round"></view>
|
|
</view>
|
|
</view>
|
|
<view class="skin_circle-main">
|
|
<block wx:for="{{ageArr}}" wx:key="index">
|
|
<view class="skin-circle-main-text">{{item}}</view>
|
|
</block>
|
|
|
|
</view>
|
|
</block>
|
|
<block wx:if="{{datas.key != 'skinAge'}}">
|
|
<view class="skin_circle-main" wx:if="{{datas.type_id != 4}}">
|
|
<view class="skin-circle-main-child2"></view>
|
|
<view class="round-box" style=" left: {{datas.key == 'skinType'?((datas.value / datas.target_value.length)*100 )+10 +'%':((datas.value / datas.target_value.length)*100 )-10 +'%'}} ">
|
|
<view class="board" style="margin-left:{{datas.key == 'skinType'?'-62rpx':''}}">
|
|
<view class="em" style="left:{{datas.key == 'skinType'?'66rpx':''}}"></view>
|
|
{{ datas.value_desc}}
|
|
</view>
|
|
<view class="round"></view>
|
|
</view>
|
|
</view>
|
|
<view class="skin_circle-main">
|
|
<block wx:for="{{datas.target_value}}" wx:key="index">
|
|
<view class="skin-circle-main-text">{{item}}</view>
|
|
</block>
|
|
|
|
</view>
|
|
</block>
|
|
|
|
</block>
|
|
</block>
|
|
</view> |