acne.wxml 6.48 KB
<view class="mb_b5" id="cuo_chuang">
    <view class="analyse_classify bg_white">
        <view class="analyse_classify_header">
            <view>
                <view style="color: #45d4eb;">#06</view>
                <view class="flex-space-between">
                    <text style="font-size: 42rpx;" class="bold">痤疮</text>
                    <view class="fs26" 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/mao123.png"></image>
                </view>
                <view style="line-height:60rpx;margin-left:20rpx">
                    <view class="fs28">程度情况</view>
                    <view class="bold">I级</view>
                </view>
            </view>
            <view class="analyse_classify_header_item" style="margin-top:5%">
                <view class="analyse_classify_header_img">
                    <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
                </view>
                <view style="line-height:60rpx;margin-left:20rpx">
                    <view>痤疮个数</view>
                    <view>100个</view>
                </view>
            </view>
            <view class="leixing mt_b10">
                <view class="_img">
                    <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao25.jpeg"></image>
                    <view class="fs28 c_666">
                        <view>囊肿</view>
                        <view>健康</view>
                    </view>
                </view>
                <view class="_img">
                    <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao28.jpeg"></image>
                    <view class="fs28 c_666">
                        <view>丘疹</view>
                        <view>健康</view>
                    </view>
                </view>
                <view class="_img">
                    <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao27.jpeg"></image>
                    <view class="fs28 c_666">
                        <view>粉刺</view>
                        <view>健康</view>
                    </view>
                </view>
                <view class="_img">
                    <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao29.jpeg"></image>
                    <view class="fs28 c_666">
                        <view>痘印</view>
                        <view>健康</view>
                    </view>
                </view>
            </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">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</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="{{acne_fuwu}}">
            <view style="margin:5% 0">痤疮问题的疗程</view>
            <block  wx:for="{{acne_fuwu}}">
                <include src="../fuwu.wxml" />
            </block>
        </view>
        <!-- 商品 -->
        <view wx:if="{{acne_goods}}">
            <view style="margin:5% 0">适合痤疮问题的护肤品</view>
            <view class="product flex">
                <block wx:for="{{acne_goods}}">
                    <include src="../goods.wxml" />
                </block>
            </view>
        </view>
    </view>
</view>