speckle.wxml 4.98 KB
<view class="mb_b5">
    <view class="analyse_classify bg_white">
        <view class="analyse_classify_header">
            <view>
                <view style="color: #45d4eb;">#01</view>
                <view class="flex-space-between">
                    <text style="font-size: 42rpx;" class="bold">色斑</text>
                    <view class="fs26" catchtap="show_dailog" 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">待确定</view>
                </view>
            </view>
            <view class="analyse_classify_header_item mt_b5">
                <view class="analyse_classify_header_img">
                    <image src="/packageB/images/Snipaste_2022-02-17_15-28-13.jpg"></image>
                </view>
                <view style="line-height:60rpx;margin-left:20rpx">
                    <view class="fs28">色斑个数</view>
                    <view class="bold">{{speckle_num}}</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="{{speckle_fuwu}}">
            <view style="margin:5% 0">色斑问题的疗程</view>
            <block  wx:for="{{speckle_fuwu}}">
                <include src="../fuwu.wxml" />
            </block>
        </view>
        <!-- 商品 -->
        <view wx:if="{{speckle_goods}}">
            <view style="margin:5% 0">适合色斑问题的护肤品</view>
            <view class="product flex">
                <block wx:for="{{speckle_goods}}">
                    <include src="../goods.wxml" />
                </block>
            </view>
        </view>
    </view>
</view>