Commit bcb128cdd984972df09b4fa19fdf9ff38404ca2c

Authored by abson
1 parent 2074bffd

测肤报告细节优化

packageB/pages/AI-test-skin/success_result/success_result.js
1 1 /*
2 2 * @Author: abson
3 3 * @Date: 2022-02-16 15:36:47
4   - * @LastEditTime: 2022-02-17 09:40:31
  4 + * @LastEditTime: 2022-02-18 14:00:54
5 5 * @LastEditors: Please set LastEditors
6 6 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
7 7 * @FilePath: \MShopWeApp\packageB\pages\AI-test-skin\success_result\success_result.js
... ... @@ -22,6 +22,7 @@ Page({
22 22 currentIndex: 0,
23 23 tab_id:'zong_he',
24 24 iurl: setting.imghost,
  25 + showDialog:false,
25 26 },
26 27  
27 28 /**
... ...
packageB/pages/AI-test-skin/success_result/success_result.wxml
1   -<scroll-view enable-flex scroll-x scroll-into-view="{{tab_id}}">
  1 +<scroll-view enable-flex scroll-x>
2 2 <view class="tab_scroll">
3 3 <view wx:for="{{tab}}" wx:key="id" id="{{item.id}}" bindtap="clickTab" data-tab_id="{{item.id}}" data-index="{{index}}" class="tab_scroll_item {{currentIndex==index?'active':''}}">
4 4 {{item.name}}
5 5 </view>
6 6 </view>
7 7 </scroll-view>
8   -<view class="analyse_by_people">
9   - <view class="analyse">
10   - <view class="analyse_left">
11   - <view class="mark">毛孔 较粗大</view>
12   - <view class="mark" style="margin: 40rpx 0;">色斑 轻度</view>
13   - <view class="mark">黑眼圈 轻度</view>
14   - </view>
15   - <view class="analyse_center">
16   - <image src="{{iurl}}/miniapp/images/skinimg/man.png"></image>
17   - </view>
18   - <view class="analyse_right">
19   - <view class="mark">黑头 轻度</view>
20   - <view class="mark" style="margin: 40rpx 0;">皱纹 轻度</view>
21   - <view class="mark">痤疮 轻度</view>
22   - </view>
23   - </view>
24   - <view class="score">
25   - <view>
26   - <view class="fs28">综合得分</view>
27   - <view class="t-c mt10">
28   - <text style="font-weight: 600;">70</text>
29   - <text class="iconfont icon-zuojiantou"></text>
  8 +
  9 +<scroll-view enable-flex scroll-into-view="{{tab_id}}">
  10 + <view class="analyse_by_people" id="zong_he">
  11 + <view class="analyse">
  12 + <view class="analyse_left">
  13 + <view class="mark">毛孔 较粗大</view>
  14 + <view class="mark" style="margin: 40rpx 0;">色斑 轻度</view>
  15 + <view class="mark">黑眼圈 轻度</view>
30 16 </view>
31   - </view>
32   - <view class="shuxian"></view>
33   - <view>
34   - <view class="t-c fs28">肤况</view>
35   - <view class="t-c mt10">待改善</view>
36   - </view>
37   - </view>
38   -</view>
39   -<scroll-view class="content" enable-flex="">
40   - <view class="mb_b5">
41   - <image src="/packageB/images/1.png" style="height: 200rpx;width: 100%;"></image>
42   - </view>
43   - <view class="analyse_result mb_b5">
44   - <!-- <view> -->
45   - <view class="img">
46   - <image src="{{iurl}}/miniapp/images/skinimg/mao18.jpeg" style="width: 100%;height: 100%;"></image>
47   - </view>
48   - <view class="f1 ml20">
49   - <view class="bold">油性肌肤</view>
50   - <view class="fs24 mt10">
51   - <text class="gan" style="margin-right: 30rpx;">干性区</text>
52   - <text class="you">油性区</text>
  17 + <view class="analyse_center">
  18 + <image src="{{iurl}}/miniapp/images/skinimg/man.png"></image>
53 19 </view>
54   - <view class="mt20 fs26">
55   - <text>你的油性的身份骨科大夫地方官梵蒂冈反对烦得很东方红风格和的发挥</text>
  20 + <view class="analyse_right">
  21 + <view class="mark">黑头 轻度</view>
  22 + <view class="mark" style="margin: 40rpx 0;">皱纹 轻度</view>
  23 + <view class="mark">痤疮 轻度</view>
56 24 </view>
57 25 </view>
58   - <!-- </view> -->
59   - </view>
60   - <view class="mb_b5">
61   - <view class="analyse_classify bg_white">
62   - <view class="analyse_classify_header">
63   - <view>
64   - <view style="color: #45d4eb;">#01</view>
65   - <view class="flex-space-between">
66   - <text style="font-size: 42rpx;">毛孔</text>
67   - <view style="display: flex;align-items: center;">
68   - <text>问题标注</text>
69   - <text class="iconfont icon-xia"></text>
70   - </view>
71   - </view>
72   - </view>
73   - <view class="analyse_classify_header_item">
74   - <view class="analyse_classify_header_img">
75   - <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
76   - </view>
77   - <view style="line-height:60rpx;margin-left:20rpx" style="margin-top:5%">
78   - <view>程度情况</view>
79   - <view>较粗大</view>
80   - </view>
81   - </view>
82   - <view class="analyse_classify_header_item" style="margin-top: 5%;">
83   - <view class="analyse_classify_header_img">
84   - <image src="/packageB/images/Snipaste_2022-02-17_15-28-13.jpg"></image>
85   - </view>
86   - <view style="line-height:60rpx;margin-left:20rpx">
87   - <view>粗大区域</view>
88   - <view>右脸颊</view>
89   - </view>
90   - </view>
91   - <view class="fs28 mt_b10">
92   - <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  26 + <view class="score">
  27 + <view>
  28 + <view class="fs28">综合得分</view>
  29 + <view class="t-c mt10">
  30 + <text style="font-weight: 600;">70</text>
  31 + <text class="iconfont icon-zuojiantou"></text>
93 32 </view>
94 33 </view>
95   - <view class="analyse_classify_body">
96   - <view class="mt_b10">
97   - <view class="fenxi mgb10">原因分析</view>
98   - <view class="flex">
99   - <view>
100   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
101   - <text class="fs26">皮脂腺分泌旺盛</text>
102   - </view>
103   - <view>
104   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
105   - <text class="fs26">皮脂腺分泌旺盛</text>
106   - </view>
107   - <!-- <view>
108   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
109   - <text class="fs26">皮脂腺分泌旺盛</text>
110   - </view> -->
111   - </view>
112   - </view>
113   -
114   - <view class="mt_b10">
115   - <view class="fenxi mgb10">护理建议</view>
116   - <view class="">
117   - <view class="mgb30">
118   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
119   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
120   - </view>
121   - <view class="mgb30">
122   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
123   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
124   - </view>
125   - <view class="mgb30">
126   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
127   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
128   - </view>
129   - </view>
130   - </view>
  34 + <view class="shuxian"></view>
  35 + <view>
  36 + <view class="t-c fs28">肤况</view>
  37 + <view class="t-c mt10 bold">待改善</view>
131 38 </view>
132 39 </view>
133   - <view class="analyse_classify_foot" style="background:#e6f4fa">
134   - <view>
135   - <view style="margin:5% 0">毛孔问题的疗程</view>
136   - <view class="shoushu">
137   - <view>
138   - <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
139   - </view>
140   - <view class="info">
141   - <view>小气泡疗程</view>
142   - <view class="fs20 flex">
143   - <view class="guige">祛斑</view>
144   - <view class="guige">抗丑</view>
145   - </view>
146   - <view style="margin-top: 40rpx;font-weight: 600;">¥100</view>
147   - </view>
148   - </view>
  40 + <view class="content" style="padding-bottom: 0;">
  41 + <view class="mb_b5">
  42 + <image src="/packageB/images/1.png" style="height: 200rpx;width: 100%;"></image>
149 43 </view>
150   - <view>
151   - <view style="margin:5% 0">适合毛孔问题的护肤品</view>
152   - <view class="product flex">
153   - <view class="product_item">
154   - <view>
155   - <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
156   - </view>
157   - <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
158   - <view class="fs20 flex" style="padding: 15rpx;">
159   - <!-- <view class="guige mr20">祛痘修护</view> -->
160   - <view class="guige">祛斑</view>
161   - <view class="guige">抗丑</view>
162   - </view>
163   - <view style="display: flex;justify-content: space-between;">
164   - <text class="bold">¥100</text>
165   - <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
166   - </view>
  44 + <view class="analyse_result mt_b5">
  45 + <!-- <view> -->
  46 + <view class="img">
  47 + <image src="{{iurl}}/miniapp/images/skinimg/mao18.jpeg" style="width: 100%;height: 100%;"></image>
  48 + </view>
  49 + <view class="f1 ml20">
  50 + <view class="bold">油性肌肤</view>
  51 + <view class="fs24 mt10">
  52 + <text class="gan" style="margin-right: 30rpx;">干性区</text>
  53 + <text class="you">油性区</text>
167 54 </view>
168   -
169   - <view class="product_item">
170   - <view>
171   - <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
172   - </view>
173   - <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
174   - <view class="fs20 flex" style="padding: 15rpx;">
175   - <view class="guige mr20">祛痘修护</view>
176   - </view>
177   - <view style="display: flex;justify-content: space-between;">
178   - <text class="bold">¥100</text>
179   - <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
180   - </view>
  55 + <view class="mt20 fs26">
  56 + <text>你的油性的身份骨科大夫地方官梵蒂冈反对烦得很东方红风格和的发挥</text>
181 57 </view>
182 58 </view>
  59 + <!-- </view> -->
183 60 </view>
184 61 </view>
185 62 </view>
186   - <view class="mb_b5">
187   - <view class="analyse_classify bg_white">
188   - <view class="analyse_classify_header">
189   - <view>
190   - <view style="color: #45d4eb;">#04</view>
191   - <view class="flex-space-between">
192   - <text style="font-size: 42rpx;">色斑</text>
193   - <view style="display: flex;align-items: center;">
194   - <text>问题标注</text>
195   - <text class="iconfont icon-xia"></text>
196   - </view>
197   - </view>
198   - </view>
199   - <view class="analyse_classify_header_item">
200   - <view class="analyse_classify_header_img">
201   - <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
202   - </view>
203   - <view style="line-height:60rpx;margin-left:20rpx" style="margin-top:5%">
204   - <view>程度情况</view>
205   - <view>较粗大</view>
206   - </view>
207   - </view>
208   - <view class="analyse" style="height:400rpx;">
209   - <view class="zhouwen f1" style="justify-content:space-around">
210   - <view class="">
211   - <view class="fenxi1">眼周</view>
212   - <view class="fs26">鱼尾纹</view>
213   - <view class="fs26">眼部皱纹</view>
214   - <view class="jiankang">泪沟(健康)</view>
  63 +
  64 + <view class="content">
  65 + <view class="mb_b5">
  66 + <view class="analyse_classify bg_white">
  67 + <view class="analyse_classify_header">
  68 + <view>
  69 + <view style="color: #45d4eb;">#01</view>
  70 + <view class="flex-space-between">
  71 + <text style="font-size: 42rpx;" class="bold">毛孔</text>
  72 + <view class="fs26" style="display: flex;align-items: center;">
  73 + <text>问题标注</text>
  74 + <text class="iconfont icon-xia"></text>
  75 + </view>
  76 + </view>
  77 + </view>
  78 + <view class="analyse_classify_header_item mt_b5">
  79 + <view class="analyse_classify_header_img">
  80 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
  81 + </view>
  82 + <view style="line-height:60rpx;margin-left:20rpx">
  83 + <view class="fs28">程度情况</view>
  84 + <view class="bold">较粗大</view>
  85 + </view>
  86 + </view>
  87 + <view class="analyse_classify_header_item mt_b5">
  88 + <view class="analyse_classify_header_img">
  89 + <image src="/packageB/images/Snipaste_2022-02-17_15-28-13.jpg"></image>
  90 + </view>
  91 + <view style="line-height:60rpx;margin-left:20rpx">
  92 + <view class="fs28">粗大区域</view>
  93 + <view class="bold">右脸颊</view>
  94 + </view>
  95 + </view>
  96 + <view class="fs28 mt_b10">
  97 + <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  98 + </view>
  99 + </view>
  100 + <view class="analyse_classify_body">
  101 + <view class="mt_b10">
  102 + <view class="fenxi mgb10">原因分析</view>
  103 + <view class="flex">
  104 + <view>
  105 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  106 + <text class="fs26">皮脂腺分泌旺盛</text>
  107 + </view>
  108 + <view>
  109 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  110 + <text class="fs26">皮脂腺分泌旺盛</text>
  111 + </view>
  112 + <!-- <view>
  113 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  114 + <text class="fs26">皮脂腺分泌旺盛</text>
  115 + </view> -->
215 116 </view>
216 117 </view>
217   - <view class="analyse_center" style="width: 250rpx;height: 250rpx;">
218   - <image src="{{iurl}}/miniapp/images/skinimg/man10.jpeg"></image>
219   - <view class="lianxian"></view>
220   - <view class="lianxian1"></view>
221   - <view class="lianxian2"></view>
222   - </view>
223   - <view class="zhouwen f1" style="margin-left:20rpx;">
224   - <view class="">
225   - <view class="fenxi1">额头</view>
226   - <view class="jiankang">抬头皱纹(健康)</view>
227   - <view class="jiankang">眉间纹(健康)</view>
228   - </view>
  118 +
  119 + <view class="mt_b10">
  120 + <view class="fenxi mgb10">护理建议</view>
229 121 <view class="">
230   - <view class="fenxi1">嘴周</view>
231   - <view class="fs28">法令纹</view>
232   - <view class="fs28">口角纹</view>
  122 + <view class="mgb30">
  123 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
  124 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  125 + </view>
  126 + <view class="mgb30">
  127 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
  128 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  129 + </view>
  130 + <view class="mgb30">
  131 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
  132 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  133 + </view>
233 134 </view>
234 135 </view>
235 136 </view>
236   - <view class="fs28 mt_b10">
237   - <text>明显可见毛孔或内含小于毛孔大小角栓</text>
238   - </view>
239 137 </view>
240   - <view class="analyse_classify_body">
241   - <view class="mt_b10">
242   - <view class="fenxi mgb10">原因分析</view>
243   - <view class="flex">
  138 + <view class="analyse_classify_foot" style="background:#e6f4fa">
  139 + <view>
  140 + <view style="margin:5% 0">毛孔问题的疗程</view>
  141 + <view class="shoushu">
244 142 <view>
245   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
246   - <text class="fs26">皮脂腺分泌旺盛</text>
  143 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
247 144 </view>
248   - <view>
249   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
250   - <text class="fs26">皮脂腺分泌旺盛</text>
  145 + <view class="info">
  146 + <view>小气泡疗程</view>
  147 + <view class="fs20 flex">
  148 + <view class="guige">祛斑</view>
  149 + <view class="guige">抗丑</view>
  150 + </view>
  151 + <view style="margin-top: 40rpx;font-weight: 600;">¥100</view>
251 152 </view>
252   - <!-- <view>
253   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
254   - <text class="fs26">皮脂腺分泌旺盛</text>
255   - </view> -->
256 153 </view>
257 154 </view>
258   -
259   - <view class="mt_b10">
260   - <view class="fenxi mgb10">护理建议</view>
261   - <view class="">
262   - <view class="mgb30">
263   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
264   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
265   - </view>
266   - <view class="mgb30">
267   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
268   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  155 + <view>
  156 + <view style="margin:5% 0">适合毛孔问题的护肤品</view>
  157 + <view class="product flex">
  158 + <view class="product_item">
  159 + <view>
  160 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  161 + </view>
  162 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  163 + <view class="fs20 flex" style="padding: 15rpx;">
  164 + <!-- <view class="guige mr20">祛痘修护</view> -->
  165 + <view class="guige">祛斑</view>
  166 + <view class="guige">抗丑</view>
  167 + </view>
  168 + <view style="display: flex;justify-content: space-between;">
  169 + <text class="bold">¥100</text>
  170 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  171 + </view>
269 172 </view>
270   - <view class="mgb30">
271   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
272   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  173 +
  174 + <view class="product_item">
  175 + <view>
  176 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  177 + </view>
  178 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  179 + <view class="fs20 flex" style="padding: 15rpx;">
  180 + <view class="guige mr20">祛痘修护</view>
  181 + </view>
  182 + <view style="display: flex;justify-content: space-between;">
  183 + <text class="bold">¥100</text>
  184 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  185 + </view>
273 186 </view>
274 187 </view>
275 188 </view>
276 189 </view>
277 190 </view>
278   - <view class="analyse_classify_foot" style="background:#e6f4fa">
279   - <view>
280   - <view style="margin:5% 0">毛孔问题的疗程</view>
281   - <view class="shoushu">
  191 + <view class="mb_b5">
  192 + <view class="analyse_classify bg_white">
  193 + <view class="analyse_classify_header">
282 194 <view>
283   - <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
  195 + <view style="color: #45d4eb;">#04</view>
  196 + <view class="flex-space-between">
  197 + <text style="font-size: 42rpx;" class="bold">色斑</text>
  198 + <view class="fs26" style="display: flex;align-items: center;">
  199 + <text>问题标注</text>
  200 + <text class="iconfont icon-xia"></text>
  201 + </view>
  202 + </view>
  203 + </view>
  204 + <view class="analyse_classify_header_item mt_b5">
  205 + <view class="analyse_classify_header_img">
  206 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
  207 + </view>
  208 + <view style="line-height:60rpx;margin-left:20rpx">
  209 + <view class="fs28">程度情况</view>
  210 + <view class="bold">较粗大</view>
  211 + </view>
  212 + </view>
  213 + <view class="analyse" style="height:400rpx;">
  214 + <view class="zhouwen f1" style="justify-content:space-around">
  215 + <view class="">
  216 + <view class="fenxi1">眼周</view>
  217 + <view class="fs26">鱼尾纹</view>
  218 + <view class="fs26">眼部皱纹</view>
  219 + <view class="jiankang">泪沟(健康)</view>
  220 + </view>
  221 + </view>
  222 + <view class="analyse_center" style="width: 250rpx;height: 250rpx;">
  223 + <image src="{{iurl}}/miniapp/images/skinimg/man10.jpeg"></image>
  224 + <view class="lianxian"></view>
  225 + <view class="lianxian1"></view>
  226 + <view class="lianxian2"></view>
  227 + </view>
  228 + <view class="zhouwen f1" style="margin-left:20rpx;">
  229 + <view class="">
  230 + <view class="fenxi1">额头</view>
  231 + <view class="jiankang">抬头皱纹(健康)</view>
  232 + <view class="jiankang">眉间纹(健康)</view>
  233 + </view>
  234 + <view class="">
  235 + <view class="fenxi1">嘴周</view>
  236 + <view class="fs28">法令纹</view>
  237 + <view class="fs28">口角纹</view>
  238 + </view>
  239 + </view>
  240 + </view>
  241 + <view class="fs28 mt_b10">
  242 + <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  243 + </view>
  244 + </view>
  245 + <view class="analyse_classify_body">
  246 + <view class="mt_b10">
  247 + <view class="fenxi mgb10">原因分析</view>
  248 + <view class="flex">
  249 + <view>
  250 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  251 + <text class="fs26">皮脂腺分泌旺盛</text>
  252 + </view>
  253 + <view>
  254 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  255 + <text class="fs26">皮脂腺分泌旺盛</text>
  256 + </view>
  257 + <!-- <view>
  258 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  259 + <text class="fs26">皮脂腺分泌旺盛</text>
  260 + </view> -->
  261 + </view>
284 262 </view>
285   - <view class="info">
286   - <view>小气泡疗程</view>
287   - <view class="fs20 flex">
288   - <view class="guige">祛斑</view>
289   - <view class="guige">抗丑</view>
  263 +
  264 + <view class="mt_b10">
  265 + <view class="fenxi mgb10">护理建议</view>
  266 + <view class="">
  267 + <view class="mgb30">
  268 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
  269 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  270 + </view>
  271 + <view class="mgb30">
  272 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
  273 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  274 + </view>
  275 + <view class="mgb30">
  276 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
  277 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  278 + </view>
290 279 </view>
291   - <view style="margin-top: 40rpx;font-weight: 600;">¥100</view>
292 280 </view>
293 281 </view>
294 282 </view>
295   - <view>
296   - <view style="margin:5% 0">适合毛孔问题的护肤品</view>
297   - <view class="product flex">
298   - <view class="product_item">
  283 + <view class="analyse_classify_foot" style="background:#e6f4fa">
  284 + <view>
  285 + <view style="margin:5% 0">毛孔问题的疗程</view>
  286 + <view class="shoushu">
299 287 <view>
300   - <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
301   - </view>
302   - <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
303   - <view class="fs20 flex" style="padding: 15rpx;">
304   - <!-- <view class="guige mr20">祛痘修护</view> -->
305   - <view class="guige">祛斑</view>
306   - <view class="guige">抗丑</view>
  288 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
307 289 </view>
308   - <view style="display: flex;justify-content: space-between;">
309   - <text class="bold">¥100</text>
310   - <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  290 + <view class="info">
  291 + <view>小气泡疗程</view>
  292 + <view class="fs20 flex">
  293 + <view class="guige">祛斑</view>
  294 + <view class="guige">抗丑</view>
  295 + </view>
  296 + <view style="margin-top: 40rpx;font-weight: 600;">¥100</view>
311 297 </view>
312 298 </view>
313   -
314   - <view class="product_item">
315   - <view>
316   - <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
317   - </view>
318   - <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
319   - <view class="fs20 flex" style="padding: 15rpx;">
320   - <view class="guige mr20">祛痘修护</view>
  299 + </view>
  300 + <view>
  301 + <view style="margin:5% 0">适合毛孔问题的护肤品</view>
  302 + <view class="product flex">
  303 + <view class="product_item">
  304 + <view>
  305 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  306 + </view>
  307 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  308 + <view class="fs20 flex" style="padding: 15rpx;">
  309 + <!-- <view class="guige mr20">祛痘修护</view> -->
  310 + <view class="guige">祛斑</view>
  311 + <view class="guige">抗丑</view>
  312 + </view>
  313 + <view style="display: flex;justify-content: space-between;">
  314 + <text class="bold">¥100</text>
  315 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  316 + </view>
321 317 </view>
322   - <view style="display: flex;justify-content: space-between;">
323   - <text class="bold">¥100</text>
324   - <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  318 +
  319 + <view class="product_item">
  320 + <view>
  321 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  322 + </view>
  323 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  324 + <view class="fs20 flex" style="padding: 15rpx;">
  325 + <view class="guige mr20">祛痘修护</view>
  326 + </view>
  327 + <view style="display: flex;justify-content: space-between;">
  328 + <text class="bold">¥100</text>
  329 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  330 + </view>
325 331 </view>
326 332 </view>
327 333 </view>
328 334 </view>
329 335 </view>
330   - </view>
331   - <view class="mb_b5">
332   - <view class="analyse_classify bg_white">
333   - <view class="analyse_classify_header">
334   - <view>
335   - <view style="color: #45d4eb;">#05</view>
336   - <view class="flex-space-between">
337   - <text style="font-size: 42rpx;">黑眼圈</text>
338   - <view style="display: flex;align-items: center;">
339   - <text>问题标注</text>
340   - <text class="iconfont icon-xia"></text>
  336 + <view class="mb_b5">
  337 + <view class="analyse_classify bg_white">
  338 + <view class="analyse_classify_header">
  339 + <view>
  340 + <view style="color: #45d4eb;">#05</view>
  341 + <view class="flex-space-between">
  342 + <text style="font-size: 42rpx;" class="bold">黑眼圈</text>
  343 + <view class="fs26" style="display: flex;align-items: center;">
  344 + <text>问题标注</text>
  345 + <text class="iconfont icon-xia"></text>
  346 + </view>
341 347 </view>
342 348 </view>
343   - </view>
344   - <view class="analyse_classify_header_item">
345   - <view class="analyse_classify_header_img">
346   - <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
347   - </view>
348   - <view style="line-height:60rpx;margin-left:20rpx" style="margin-top:5%">
349   - <view>程度情况</view>
350   - <view>较粗大</view>
351   - </view>
352   - </view>
353   - <view>
354   - <view class="heiyanquan">
355   - <image src="{{iurl}}/miniapp/images/skinimg/man1.jpeg" style="width: 100%;height: 100%;"></image>
356   - </view>
357   - <view class="leixing">
358   - <view class="_img">
359   - <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/man2.jpeg"></image>
360   - <view class="fs28">色素性-中度</view>
361   - </view>
362   - <view class="_img">
363   - <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/man8.jpeg"></image>
364   - <view class="fs28">血管性-轻度</view>
  349 + <view class="analyse_classify_header_item mt_b5">
  350 + <view class="analyse_classify_header_img">
  351 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
365 352 </view>
366   - <view class="_img">
367   - <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/man11.jpeg"></image>
368   - <view class="fs28" style="color: #666;">阴影型-无</view>
  353 + <view style="line-height:60rpx;margin-left:20rpx" style="margin-top:5%">
  354 + <view class="fs28">程度情况</view>
  355 + <view class="bold">较粗大</view>
369 356 </view>
370 357 </view>
371   - </view>
372   - <view class="fs28 mt_b10">
373   - <text>明显可见毛孔或内含小于毛孔大小角栓</text>
374   - </view>
375   - </view>
376   - <view class="analyse_classify_body">
377   - <view class="mt_b10">
378   - <view class="fenxi mgb10">原因分析</view>
379   - <view class="flex">
380   - <view>
381   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
382   - <text class="fs26">皮脂腺分泌旺盛</text>
383   - </view>
384   - <view>
385   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
386   - <text class="fs26">皮脂腺分泌旺盛</text>
387   - </view>
388   - <!-- <view>
  358 + <view>
  359 + <view class="heiyanquan">
  360 + <image src="{{iurl}}/miniapp/images/skinimg/man1.jpeg" style="width: 100%;height: 100%;"></image>
  361 + </view>
  362 + <view class="leixing">
  363 + <view class="_img">
  364 + <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/man2.jpeg"></image>
  365 + <view class="fs28">色素性-中度</view>
  366 + </view>
  367 + <view class="_img">
  368 + <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/man8.jpeg"></image>
  369 + <view class="fs28">血管性-轻度</view>
  370 + </view>
  371 + <view class="_img">
  372 + <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/man11.jpeg"></image>
  373 + <view class="fs28" style="color: #666;">阴影型-无</view>
  374 + </view>
  375 + </view>
  376 + </view>
  377 + <view class="fs28 mt_b10">
  378 + <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  379 + </view>
  380 + </view>
  381 + <view class="analyse_classify_body">
  382 + <view class="mt_b10">
  383 + <view class="fenxi mgb10">原因分析</view>
  384 + <view class="flex">
  385 + <view>
  386 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  387 + <text class="fs26">皮脂腺分泌旺盛</text>
  388 + </view>
  389 + <view>
  390 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  391 + <text class="fs26">皮脂腺分泌旺盛</text>
  392 + </view>
  393 + <!-- <view>
389 394 <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
390 395 <text class="fs26">皮脂腺分泌旺盛</text>
391 396 </view> -->
392   - </view>
393   - </view>
394   -
395   - <view class="mt_b10">
396   - <view class="fenxi mgb10">护理建议</view>
397   - <view class="">
398   - <view class="mgb30">
399   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
400   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
401 397 </view>
402   - <view class="mgb30">
403   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
404   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
405   - </view>
406   - <view class="mgb30">
407   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
408   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
409   - </view>
410   - </view>
411   - </view>
412   - </view>
413   - </view>
414   - <view class="analyse_classify_foot" style="background:#e6f4fa">
415   - <view>
416   - <view style="margin:5% 0">毛孔问题的疗程</view>
417   - <view class="shoushu">
418   - <view>
419   - <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
420 398 </view>
421   - <view class="info">
422   - <view>小气泡疗程</view>
423   - <view class="fs20 flex">
424   - <view class="guige">祛斑</view>
425   - <view class="guige">抗丑</view>
  399 +
  400 + <view class="mt_b10">
  401 + <view class="fenxi mgb10">护理建议</view>
  402 + <view class="">
  403 + <view class="mgb30">
  404 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
  405 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  406 + </view>
  407 + <view class="mgb30">
  408 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
  409 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  410 + </view>
  411 + <view class="mgb30">
  412 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
  413 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  414 + </view>
426 415 </view>
427   - <view style="margin-top: 40rpx;font-weight: 600;">¥100</view>
428 416 </view>
429 417 </view>
430 418 </view>
431   - <view>
432   - <view style="margin:5% 0">适合毛孔问题的护肤品</view>
433   - <view class="product flex">
434   - <view class="product_item">
  419 + <view class="analyse_classify_foot" style="background:#e6f4fa">
  420 + <view>
  421 + <view style="margin:5% 0">毛孔问题的疗程</view>
  422 + <view class="shoushu">
435 423 <view>
436   - <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  424 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
437 425 </view>
438   - <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
439   - <view class="fs20 flex" style="padding: 15rpx;">
440   - <!-- <view class="guige mr20">祛痘修护</view> -->
441   - <view class="guige">祛斑</view>
442   - <view class="guige">抗丑</view>
443   - </view>
444   - <view style="display: flex;justify-content: space-between;">
445   - <text class="bold">¥100</text>
446   - <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  426 + <view class="info">
  427 + <view>小气泡疗程</view>
  428 + <view class="fs20 flex">
  429 + <view class="guige">祛斑</view>
  430 + <view class="guige">抗丑</view>
  431 + </view>
  432 + <view style="margin-top: 40rpx;font-weight: 600;">¥100</view>
447 433 </view>
448 434 </view>
449   -
450   - <view class="product_item">
451   - <view>
452   - <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
453   - </view>
454   - <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
455   - <view class="fs20 flex" style="padding: 15rpx;">
456   - <view class="guige mr20">祛痘修护</view>
  435 + </view>
  436 + <view>
  437 + <view style="margin:5% 0">适合毛孔问题的护肤品</view>
  438 + <view class="product flex">
  439 + <view class="product_item">
  440 + <view>
  441 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  442 + </view>
  443 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  444 + <view class="fs20 flex" style="padding: 15rpx;">
  445 + <!-- <view class="guige mr20">祛痘修护</view> -->
  446 + <view class="guige">祛斑</view>
  447 + <view class="guige">抗丑</view>
  448 + </view>
  449 + <view style="display: flex;justify-content: space-between;">
  450 + <text class="bold">¥100</text>
  451 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  452 + </view>
457 453 </view>
458   - <view style="display: flex;justify-content: space-between;">
459   - <text class="bold">¥100</text>
460   - <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  454 +
  455 + <view class="product_item">
  456 + <view>
  457 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  458 + </view>
  459 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  460 + <view class="fs20 flex" style="padding: 15rpx;">
  461 + <view class="guige mr20">祛痘修护</view>
  462 + </view>
  463 + <view style="display: flex;justify-content: space-between;">
  464 + <text class="bold">¥100</text>
  465 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  466 + </view>
461 467 </view>
462 468 </view>
463 469 </view>
464 470 </view>
465 471 </view>
466   - </view>
467   -
468   -
469   - <view class="mb_b5">
470   - <view class="analyse_classify bg_white">
471   - <view class="analyse_classify_header">
472   - <view>
473   - <view style="color: #45d4eb;">#06</view>
474   - <view class="flex-space-between">
475   - <text style="font-size: 42rpx;">痤疮</text>
476   - <view style="display: flex;align-items: center;">
477   - <text>问题标注</text>
478   - <text class="iconfont icon-xia"></text>
  472 + <view class="mb_b5" bindtap="clickTab" id="hei_yan_quan">
  473 + <view class="analyse_classify bg_white">
  474 + <view class="analyse_classify_header">
  475 + <view>
  476 + <view style="color: #45d4eb;">#06</view>
  477 + <view class="flex-space-between">
  478 + <text style="font-size: 42rpx;" class="bold">痤疮</text>
  479 + <view class="fs26" style="display: flex;align-items: center;">
  480 + <text>问题标注</text>
  481 + <text class="iconfont icon-xia"></text>
  482 + </view>
479 483 </view>
480 484 </view>
481   - </view>
482   - <view class="analyse_classify_header_item">
483   - <view class="analyse_classify_header_img">
484   - <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
485   - </view>
486   - <view style="line-height:60rpx;margin-left:20rpx">
487   - <view>程度情况</view>
488   - <view>较粗大</view>
489   - </view>
490   - </view>
491   - <view class="analyse_classify_header_item" style="margin-top:5%">
492   - <view class="analyse_classify_header_img">
493   - <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
494   - </view>
495   - <view style="line-height:60rpx;margin-left:20rpx">
496   - <view>痤疮个数</view>
497   - <view>100个</view>
498   - </view>
499   - </view>
500   - <view class="leixing mt_b10">
501   - <view class="_img">
502   - <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao25.jpeg"></image>
503   - <view class="fs28 c_666">
504   - <view>囊肿</view>
505   - <view>健康</view>
  485 + <view class="analyse_classify_header_item mt_b5">
  486 + <view class="analyse_classify_header_img">
  487 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
506 488 </view>
507   - </view>
508   - <view class="_img">
509   - <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao28.jpeg"></image>
510   - <view class="fs28 c_666">
511   - <view>丘疹</view>
512   - <view>健康</view>
  489 + <view style="line-height:60rpx;margin-left:20rpx">
  490 + <view class="fs28">程度情况</view>
  491 + <view class="bold">较粗大</view>
513 492 </view>
514 493 </view>
515   - <view class="_img">
516   - <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao27.jpeg"></image>
517   - <view class="fs28 c_666">
518   - <view>粉刺</view>
519   - <view>健康</view>
  494 + <view class="analyse_classify_header_item" style="margin-top:5%">
  495 + <view class="analyse_classify_header_img">
  496 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
520 497 </view>
521   - </view>
522   - <view class="_img">
523   - <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao29.jpeg"></image>
524   - <view class="fs28 c_666">
525   - <view>痘印</view>
526   - <view>健康</view>
  498 + <view style="line-height:60rpx;margin-left:20rpx">
  499 + <view>痤疮个数</view>
  500 + <view>100个</view>
527 501 </view>
528 502 </view>
529   - </view>
530   - <view class="fs28 mt_b10">
531   - <text>明显可见毛孔或内含小于毛孔大小角栓</text>
532   - </view>
533   - </view>
534   - <view class="analyse_classify_body">
535   - <view class="mt_b10">
536   - <view class="fenxi mgb10">原因分析</view>
537   - <view class="flex">
538   - <view>
539   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
540   - <text class="fs26">皮脂腺分泌旺盛</text>
  503 + <view class="leixing mt_b10">
  504 + <view class="_img">
  505 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao25.jpeg"></image>
  506 + <view class="fs28 c_666">
  507 + <view>囊肿</view>
  508 + <view>健康</view>
  509 + </view>
541 510 </view>
542   - <view>
543   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
544   - <text class="fs26">皮脂腺分泌旺盛</text>
  511 + <view class="_img">
  512 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao28.jpeg"></image>
  513 + <view class="fs28 c_666">
  514 + <view>丘疹</view>
  515 + <view>健康</view>
  516 + </view>
  517 + </view>
  518 + <view class="_img">
  519 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao27.jpeg"></image>
  520 + <view class="fs28 c_666">
  521 + <view>粉刺</view>
  522 + <view>健康</view>
  523 + </view>
545 524 </view>
546   - <!-- <view>
  525 + <view class="_img">
  526 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao29.jpeg"></image>
  527 + <view class="fs28 c_666">
  528 + <view>痘印</view>
  529 + <view>健康</view>
  530 + </view>
  531 + </view>
  532 + </view>
  533 + <view class="fs28 mt_b10">
  534 + <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  535 + </view>
  536 + </view>
  537 + <view class="analyse_classify_body">
  538 + <view class="mt_b10">
  539 + <view class="fenxi mgb10">原因分析</view>
  540 + <view class="flex">
  541 + <view>
  542 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  543 + <text class="fs26">皮脂腺分泌旺盛</text>
  544 + </view>
  545 + <view>
  546 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  547 + <text class="fs26">皮脂腺分泌旺盛</text>
  548 + </view>
  549 + <!-- <view>
547 550 <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
548 551 <text class="fs26">皮脂腺分泌旺盛</text>
549 552 </view> -->
550   - </view>
551   - </view>
552   -
553   - <view class="mt_b10">
554   - <view class="fenxi mgb10">护理建议</view>
555   - <view class="">
556   - <view class="mgb30">
557   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
558   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
559   - </view>
560   - <view class="mgb30">
561   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
562   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
563 553 </view>
564   - <view class="mgb30">
565   - <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
566   - <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
567   - </view>
568   - </view>
569   - </view>
570   - </view>
571   - </view>
572   - <view class="analyse_classify_foot" style="background:#e6f4fa">
573   - <view>
574   - <view style="margin:5% 0">毛孔问题的疗程</view>
575   - <view class="shoushu">
576   - <view>
577   - <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
578 554 </view>
579   - <view class="info">
580   - <view>小气泡疗程</view>
581   - <view class="fs20 flex">
582   - <view class="guige">祛斑</view>
583   - <view class="guige">抗丑</view>
  555 +
  556 + <view class="mt_b10">
  557 + <view class="fenxi mgb10">护理建议</view>
  558 + <view class="">
  559 + <view class="mgb30">
  560 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
  561 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  562 + </view>
  563 + <view class="mgb30">
  564 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
  565 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  566 + </view>
  567 + <view class="mgb30">
  568 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
  569 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  570 + </view>
584 571 </view>
585   - <view style="margin-top: 40rpx;font-weight: 600;">¥100</view>
586 572 </view>
587 573 </view>
588 574 </view>
589   - <view>
590   - <view style="margin:5% 0">适合毛孔问题的护肤品</view>
591   - <view class="product flex">
592   - <view class="product_item">
  575 + <view class="analyse_classify_foot" style="background:#e6f4fa">
  576 + <view>
  577 + <view style="margin:5% 0">毛孔问题的疗程</view>
  578 + <view class="shoushu">
593 579 <view>
594   - <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
595   - </view>
596   - <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
597   - <view class="fs20 flex" style="padding: 15rpx;">
598   - <!-- <view class="guige mr20">祛痘修护</view> -->
599   - <view class="guige">祛斑</view>
600   - <view class="guige">抗丑</view>
  580 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
601 581 </view>
602   - <view style="display: flex;justify-content: space-between;">
603   - <text class="bold">¥100</text>
604   - <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  582 + <view class="info">
  583 + <view>小气泡疗程</view>
  584 + <view class="fs20 flex">
  585 + <view class="guige">祛斑</view>
  586 + <view class="guige">抗丑</view>
  587 + </view>
  588 + <view style="margin-top: 40rpx;font-weight: 600;">¥100</view>
605 589 </view>
606 590 </view>
607   -
608   - <view class="product_item">
609   - <view>
610   - <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
611   - </view>
612   - <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
613   - <view class="fs20 flex" style="padding: 15rpx;">
614   - <view class="guige mr20">祛痘修护</view>
  591 + </view>
  592 + <view>
  593 + <view style="margin:5% 0">适合毛孔问题的护肤品</view>
  594 + <view class="product flex">
  595 + <view class="product_item">
  596 + <view>
  597 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  598 + </view>
  599 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  600 + <view class="fs20 flex" style="padding: 15rpx;">
  601 + <!-- <view class="guige mr20">祛痘修护</view> -->
  602 + <view class="guige">祛斑</view>
  603 + <view class="guige">抗丑</view>
  604 + </view>
  605 + <view style="display: flex;justify-content: space-between;">
  606 + <text class="bold">¥100</text>
  607 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  608 + </view>
615 609 </view>
616   - <view style="display: flex;justify-content: space-between;">
617   - <text class="bold">¥100</text>
618   - <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  610 +
  611 + <view class="product_item">
  612 + <view>
  613 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  614 + </view>
  615 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  616 + <view class="fs20 flex" style="padding: 15rpx;">
  617 + <view class="guige mr20">祛痘修护</view>
  618 + </view>
  619 + <view style="display: flex;justify-content: space-between;">
  620 + <text class="bold">¥100</text>
  621 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  622 + </view>
619 623 </view>
620 624 </view>
621 625 </view>
622 626 </view>
623 627 </view>
624 628 </view>
625   -</scroll-view>
626 629 \ No newline at end of file
  630 +</scroll-view>
  631 +
  632 +<view class="mask" hidden="{{showDialog}}"></view>
627 633 \ No newline at end of file
... ...
packageB/pages/AI-test-skin/success_result/success_result.wxss
... ... @@ -92,6 +92,19 @@ page {
92 92 z-index: 2;
93 93 }
94 94  
  95 +.mask {
  96 + position: fixed;
  97 + width: 100%;
  98 + height: 100%;
  99 + top: 0;
  100 + bottom: 0;
  101 + left: 0;
  102 + right: 0;
  103 + background-color: rgba(0, 0, 0, .6);
  104 +}
  105 +.ll::after {
  106 + content: "\e650";
  107 +}
95 108 .analyse .analyse_center image {
96 109 height: 100%;
97 110 width: 100%;
... ... @@ -115,16 +128,19 @@ page {
115 128 transform: rotate(-90deg);
116 129 }
117 130  
118   -.icon-xia::before{
  131 +.icon-xia::before {
  132 + margin-bottom: 14rpx;
119 133 display: inline-block;
120 134 transform: rotate(-90deg);
121 135 font-size: 18rpx;
122 136 }
123   -.icon-zuojiantou::before{
  137 +
  138 +.icon-zuojiantou::before {
124 139 color: #f1585d;
125 140 display: inline-block;
126 141 transform: rotate(90deg);
127 142 }
  143 +
128 144 .bg_white {
129 145 background-color: #fff;
130 146 }
... ... @@ -137,6 +153,10 @@ page {
137 153 margin-bottom: 5%;
138 154 }
139 155  
  156 +.mt_b5 {
  157 + margin-top: 5%;
  158 +}
  159 +
140 160 .mt_b10 {
141 161 margin-top: 10%;
142 162 }
... ... @@ -167,7 +187,7 @@ page {
167 187 box-sizing: border-box;
168 188 }
169 189  
170   -.content .analyse_result {
  190 +.analyse_result {
171 191 display: flex;
172 192 padding: 50rpx 30rpx 50rpx 20rpx;
173 193 border-radius: 30rpx;
... ... @@ -313,6 +333,7 @@ page {
313 333 justify-content: space-between;
314 334 height: 100%;
315 335 }
  336 +
316 337 .heiyanquan {
317 338 width: 125px;
318 339 height: 125px;
... ... @@ -327,7 +348,7 @@ page {
327 348  
328 349 .leixing ._img {
329 350 display: flex;
330   - width: 160rpx;
  351 + /* width: 160rpx; */
331 352 flex-direction: column;
332 353 align-items: center;
333 354 -}
  355 +}
334 356 \ No newline at end of file
... ...