dark.wxml 7.71 KB
<view class="mb_b5 hei_yan_quan" id="hei_yan_quan">
    <view class="analyse_classify bg_white">
        <view class="analyse_classify_header">
            <view>
                <view style="color: #45d4eb;">#0{{dark_sort}}</view>
                <view class="flex-space-between">
                    <!-- <text style="font-size: 42rpx;" class="bold">黑眼圈</text> -->
                    <view class="bold">
                        <text style="font-size: 42rpx;">黑眼圈</text>
                        <text class="iconfont icon-wenhao" style="margin-left:10rpx" catchtap="show_yiwen_dialog" data-yiwen_type="2"></text>
                    </view>
                    <view class="fs26" catchtap="show_dailog" data-type="5" style="display: flex;align-items: center;">
                        <text>问题标注</text>
                        <text class="iconfont icon-xia"></text>
                    </view>
                </view>
            </view>
            <view class="analyse_classify_header_item mt_b5">
                <view class="analyse_classify_header_img">
                    <image src="{{iurl}}/miniapp/images/skinimg/heiyanquan.png"></image>
                </view>
                <view style="line-height:60rpx;margin-left:20rpx" style="margin-top:5%">
                    <view class="fs28">程度情况</view>
                    <view class="bold">{{s_filter.get_dark_type(dark_type)}}</view>
                </view>
            </view>

            <view class="analyse_classify_header_item mt_b5">
                <view class="analyse_classify_header_img">
                    <image src="{{iurl}}/miniapp/images/skinimg/heiyanquan_icon.jpg"></image>
                </view>
                <view style="line-height:60rpx;margin-left:20rpx">
                    <view class="fs28">黑眼圈类型</view>
                    <view class="bold">3种</view>
                </view>
            </view>

            <view>
                <block wx:if="{{sex === 'male'}}">
                    <view class="heiyanquan">
                        <image src="{{iurl}}/miniapp/images/skinimg/nan3.jpeg" style="width: 100%;height: 100%;"></image>
                    </view>
                    <view class="leixing">
                        <view class="_img">
                            <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/nan4.jpeg"></image>
                            <view class="fs28">色素性</view>
                        </view>
                        <view class="_img">
                            <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/nan5.jpeg"></image>
                            <view class="fs28">血管性</view>
                        </view>
                        <view class="_img">
                            <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/nan6.jpeg"></image>
                            <view class="fs28" style="color: #666;">阴影型</view>
                        </view>
                    </view>
                </block>
                <block wx:else>
                    <view class="heiyanquan">
                        <image src="{{iurl}}/miniapp/images/skinimg/nv3.jpeg" style="width: 100%;height: 100%;"></image>
                    </view>
                    <view class="leixing">
                        <view class="_img">
                            <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/nv4.jpeg"></image>
                            <view class="fs28">色素性</view>
                        </view>
                        <view class="_img">
                            <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/nv5.jpeg"></image>
                            <view class="fs28">血管性</view>
                        </view>
                        <view class="_img">
                            <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/nv6.jpeg"></image>
                            <view class="fs28" style="color: #666;">阴影型</view>
                        </view>
                    </view>
                </block>
            </view>
            <view class="fs28 mt_b10">
                <text>隐约可见黑眼圈</text>
            </view>
        </view>
        <view class="analyse_classify_body">
            <view class="mt_b10">
                <view class="fenxi mgb10">原因分析</view>
                <view class="flex" style="flex-wrap: wrap">
                    <view style="margin-right: 20rpx">
                        <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
                        <text class="fs26">眼皮色素沉着增加</text>
                    </view>
                    <view style="margin-right: 20rpx">
                        <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
                        <text class="fs26">眼皮静脉血流淤积</text>
                    </view>
                    <view style="margin-right: 20rpx">
                        <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
                        <text class="fs26">不良生活习惯</text>
                    </view>
                </view>
            </view>

            <view class="mt_b10">
                <view class="fenxi mgb10">护理建议</view>
                <view class="">
                    <view class="mgb30">
                        <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 改善饮食习惯</text>
                        <view class="fs26 c_666">改变辛辣、油腻等饮食习惯,保持饮食清淡,多摄取维生素 C ,如西红柿、柠檬等,可以淡化黑色素。</view>
                    </view>
                    <view class="mgb30">
                        <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 使用眼霜</text>
                        <view class="fs26 c_666">注重眼周的保养,洁面后使用抗衰老的眼霜产品,并按摩直至吸收,消除眼部水肿。</view>
                    </view>
                    <view class="mgb30">
                        <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 注意防晒</text>
                        <view class="fs26 c_666">使用防晒系数较高的产品,并及时进行补涂,减少紫外线在眼下的黑色素沉淀。</view>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <view class="analyse_classify_foot" style="background:#e6f4fa">
        <view wx:if="{{dark_fuwu}}">
            <view style="margin:5% 0">黑眼圈问题的疗程</view>
            <block wx:for="{{dark_fuwu}}">
                <include src="../fuwu.wxml" />
            </block>
        </view>
        <view wx:if="{{dark_goods}}">
            <view style="margin:5% 0">适合黑眼圈问题的护肤品</view>
            <view class="product flex">
                <block wx:for="{{dark_goods}}">
                    <include src="../goods.wxml" />
                </block>
            </view>
        </view>
        <!-- 优惠券 -->
        <view wx:if="{{dark_quan_list}}">
            <view style="margin:5% 0">适合黑眼圈商品的优惠券</view>
            <view class="xc-coupon-frame">
                <block wx:for="{{dark_quan_list}}">
                    <include src="../coupon.wxml" />
                </block>
            </view>
        </view>
    </view>
</view>