wxd / MShopWeApp

Commit ba2d5fcd364d1ca2c1a676e2d7259326bb860c66

Authored by 后端研发-苏泰源
2 parents f23c46b8 cb32d1de

Merge branch 'dev' of http://git.vipzhuang.cn/wxd/MShopWeApp into dev

Inline Side-by-side
Showing 3 changed files with 567 additions and 521 deletions
packageB/pages/AI-test-skin/success_result/success_result.js
  View file @ba2d5fc
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
  View file @ba2d5fc
1   -<scroll-view enable-flex scroll-x scroll-into-view="{{tab_id}}">
  1 +<scroll-view enable-flex scroll-x style="height: 100rpx;">
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   - </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 397 </view>
410 398 </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   - </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>
437   - </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>
  424 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
443 425 </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   -
  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>
468 482  
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>
  483 + </view>
479 484 </view>
480 485 </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>
  486 + <view class="analyse_classify_header_item mt_b5">
  487 + <view class="analyse_classify_header_img">
  488 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
506 489 </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>
  490 + <view style="line-height:60rpx;margin-left:20rpx">
  491 + <view class="fs28">程度情况</view>
  492 + <view class="bold">较粗大</view>
513 493 </view>
514 494 </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>
  495 + <view class="analyse_classify_header_item" style="margin-top:5%">
  496 + <view class="analyse_classify_header_img">
  497 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
520 498 </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>
  499 + <view style="line-height:60rpx;margin-left:20rpx">
  500 + <view>痤疮个数</view>
  501 + <view>100个</view>
527 502 </view>
528 503 </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>
  504 + <view class="leixing mt_b10">
  505 + <view class="_img">
  506 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao25.jpeg"></image>
  507 + <view class="fs28 c_666">
  508 + <view>囊肿</view>
  509 + <view>健康</view>
  510 + </view>
541 511 </view>
542   - <view>
543   - <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
544   - <text class="fs26">皮脂腺分泌旺盛</text>
  512 + <view class="_img">
  513 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao28.jpeg"></image>
  514 + <view class="fs28 c_666">
  515 + <view>丘疹</view>
  516 + <view>健康</view>
  517 + </view>
  518 + </view>
  519 + <view class="_img">
  520 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao27.jpeg"></image>
  521 + <view class="fs28 c_666">
  522 + <view>粉刺</view>
  523 + <view>健康</view>
  524 + </view>
545 525 </view>
546   - <!-- <view>
  526 + <view class="_img">
  527 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao29.jpeg"></image>
  528 + <view class="fs28 c_666">
  529 + <view>痘印</view>
  530 + <view>健康</view>
  531 + </view>
  532 + </view>
  533 + </view>
  534 + <view class="fs28 mt_b10">
  535 + <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  536 + </view>
  537 + </view>
  538 + <view class="analyse_classify_body">
  539 + <view class="mt_b10">
  540 + <view class="fenxi mgb10">原因分析</view>
  541 + <view class="flex">
  542 + <view>
  543 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  544 + <text class="fs26">皮脂腺分泌旺盛</text>
  545 + </view>
  546 + <view>
  547 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  548 + <text class="fs26">皮脂腺分泌旺盛</text>
  549 + </view>
  550 + <!-- <view>
547 551 <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
548 552 <text class="fs26">皮脂腺分泌旺盛</text>
549 553 </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 554 </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 555 </view>
579   - <view class="info">
580   - <view>小气泡疗程</view>
581   - <view class="fs20 flex">
582   - <view class="guige">祛斑</view>
583   - <view class="guige">抗丑</view>
  556 +
  557 + <view class="mt_b10">
  558 + <view class="fenxi mgb10">护理建议</view>
  559 + <view class="">
  560 + <view class="mgb30">
  561 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
  562 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  563 + </view>
  564 + <view class="mgb30">
  565 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
  566 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  567 + </view>
  568 + <view class="mgb30">
  569 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
  570 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  571 + </view>
584 572 </view>
585   - <view style="margin-top: 40rpx;font-weight: 600;">￥100</view>
586 573 </view>
587 574 </view>
588 575 </view>
589   - <view>
590   - <view style="margin:5% 0">适合毛孔问题的护肤品</view>
591   - <view class="product flex">
592   - <view class="product_item">
  576 + <view class="analyse_classify_foot" style="background:#e6f4fa">
  577 + <view>
  578 + <view style="margin:5% 0">毛孔问题的疗程</view>
  579 + <view class="shoushu">
593 580 <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>
  581 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
601 582 </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>
  583 + <view class="info">
  584 + <view>小气泡疗程</view>
  585 + <view class="fs20 flex">
  586 + <view class="guige">祛斑</view>
  587 + <view class="guige">抗丑</view>
  588 + </view>
  589 + <view style="margin-top: 40rpx;font-weight: 600;">￥100</view>
605 590 </view>
606 591 </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>
  592 + </view>
  593 + <view>
  594 + <view style="margin:5% 0">适合毛孔问题的护肤品</view>
  595 + <view class="product flex">
  596 + <view class="product_item">
  597 + <view>
  598 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  599 + </view>
  600 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  601 + <view class="fs20 flex" style="padding: 15rpx;">
  602 + <!-- <view class="guige mr20">祛痘修护</view> -->
  603 + <view class="guige">祛斑</view>
  604 + <view class="guige">抗丑</view>
  605 + </view>
  606 + <view style="display: flex;justify-content: space-between;">
  607 + <text class="bold">￥100</text>
  608 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  609 + </view>
615 610 </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>
  611 +
  612 + <view class="product_item">
  613 + <view>
  614 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  615 + </view>
  616 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  617 + <view class="fs20 flex" style="padding: 15rpx;">
  618 + <view class="guige mr20">祛痘修护</view>
  619 + </view>
  620 + <view style="display: flex;justify-content: space-between;">
  621 + <text class="bold">￥100</text>
  622 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  623 + </view>
619 624 </view>
620 625 </view>
621 626 </view>
622 627 </view>
623 628 </view>
624 629 </view>
625   -</scroll-view>
626 630 \ No newline at end of file
  631 +</scroll-view>
  632 +
  633 +<view class="mask" wx:if="{{showDialog}}"></view>
  634 +<cover-view class="share fs28">
  635 + <text class="iconfont icon-zhuanfa1" style="padding: 0 10rpx;"></text>
  636 + <text>分享</text>
  637 +</cover-view>
627 638 \ No newline at end of file
... ...
packageB/pages/AI-test-skin/success_result/success_result.wxss
  View file @ba2d5fc
... ... @@ -6,9 +6,22 @@ page {
6 6 }
7 7  
8 8 .tab_scroll {
  9 + position: fixed;
  10 + z-index: 99;
9 11 display: flex;
10 12 height: 100rpx;
11 13 }
  14 +.share {
  15 + position: fixed;
  16 + bottom: 100rpx;
  17 + right: 0;
  18 + padding: 20rpx;
  19 + background-color: #fff;
  20 + border: 2rpx solid #f0f0f0;
  21 + /* color: #FFF; */
  22 + border-radius: 40rpx 0 0 40rpx;
  23 + z-index: 99;
  24 +}
12 25  
13 26 .tab_scroll_item {
14 27 position: relative;
... ... @@ -92,6 +105,19 @@ page {
92 105 z-index: 2;
93 106 }
94 107  
  108 +.mask {
  109 + position: fixed;
  110 + width: 100%;
  111 + height: 100%;
  112 + top: 0;
  113 + bottom: 0;
  114 + left: 0;
  115 + right: 0;
  116 + background-color: rgba(0, 0, 0, .6);
  117 +}
  118 +.ll::after {
  119 + content: "\e650";
  120 +}
95 121 .analyse .analyse_center image {
96 122 height: 100%;
97 123 width: 100%;
... ... @@ -115,16 +141,19 @@ page {
115 141 transform: rotate(-90deg);
116 142 }
117 143  
118   -.icon-xia::before{
  144 +.icon-xia::before {
  145 + margin-bottom: 14rpx;
119 146 display: inline-block;
120 147 transform: rotate(-90deg);
121 148 font-size: 18rpx;
122 149 }
123   -.icon-zuojiantou::before{
  150 +
  151 +.icon-zuojiantou::before {
124 152 color: #f1585d;
125 153 display: inline-block;
126 154 transform: rotate(90deg);
127 155 }
  156 +
128 157 .bg_white {
129 158 background-color: #fff;
130 159 }
... ... @@ -137,6 +166,10 @@ page {
137 166 margin-bottom: 5%;
138 167 }
139 168  
  169 +.mt_b5 {
  170 + margin-top: 5%;
  171 +}
  172 +
140 173 .mt_b10 {
141 174 margin-top: 10%;
142 175 }
... ... @@ -167,7 +200,7 @@ page {
167 200 box-sizing: border-box;
168 201 }
169 202  
170   -.content .analyse_result {
  203 +.analyse_result {
171 204 display: flex;
172 205 padding: 50rpx 30rpx 50rpx 20rpx;
173 206 border-radius: 30rpx;
... ... @@ -313,6 +346,7 @@ page {
313 346 justify-content: space-between;
314 347 height: 100%;
315 348 }
  349 +
316 350 .heiyanquan {
317 351 width: 125px;
318 352 height: 125px;
... ... @@ -327,7 +361,7 @@ page {
327 361  
328 362 .leixing ._img {
329 363 display: flex;
330   - width: 160rpx;
  364 + /* width: 160rpx; */
331 365 flex-direction: column;
332 366 align-items: center;
333 367 -}
  368 +}
334 369 \ No newline at end of file
... ...