<!-- 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>