Commit bcb128cdd984972df09b4fa19fdf9ff38404ca2c
1 parent
2074bffd
测肤报告细节优化
Showing
3 changed files
with
550 additions
and
522 deletions
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 | ... | ... |