success_result.wxml
15.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<wxs module="s_filter" src="s_filter.wxs"></wxs>
<!-- <scroll-view enable-flex scroll-x>
<view style="padding: 0 50rpx 20rpx 20rpx">泪沟</view>
<view style="padding: 0 50rpx 20rpx 20rpx">泪沟</view>
<view style="padding: 0 50rpx 20rpx 20rpx">泪沟</view>
<view style="padding: 0 50rpx 20rpx 20rpx">泪沟</view>
<view style="padding: 0 50rpx 20rpx 20rpx">泪沟</view>
</scroll-view> -->
<view style="height: 100rpx;">
<scroll-view enable-flex scroll-into-view="{{tab_id}}" scroll-with-animation scroll-x class="tab_scroll">
<view class="flex" style="height: 100%;">
<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':''}}">
{{item.name}}
</view>
</view>
</scroll-view>
</view>
<scroll-view enable-flex enhanced scroll-into-view="{{tab_id}}" scroll-with-animation bindscroll="scroll_view" scroll-y style="height: calc(100% - 100rpx)">
<view class="analyse_by_people zong_he" id="zong_he">
<view class="analyse">
<view class="analyse_left">
<view class="mark">毛孔 {{pore_num}}</view>
<view class="mark" style="margin: 40rpx 0;">色斑 {{speckle_num}}</view>
<view class="mark">黑眼圈 {{s_filter.get_dark_type(dark_type)}}</view>
</view>
<view class="analyse_center">
<image wx:if="{{sex === 'female'}}" src="{{iurl}}/miniapp/images/skinimg/nv.png"></image>
<image wx:else src="{{iurl}}/miniapp/images/skinimg/nan.png"></image>
</view>
<view class="analyse_right">
<view class="mark">黑头 {{blackhead_num}}</view>
<view class="mark" style="margin: 40rpx 0;">皱纹 {{wrinkle_num}}</view>
<view class="mark">痤疮 {{acne_num}}</view>
</view>
</view>
<view class="score" style="display: none">
<view>
<view class="fs28">综合得分</view>
<view class="t-c mt10">
<text style="font-weight: 600;">待确定</text>
<text class="iconfont icon-zuojiantou"></text>
</view>
</view>
<view class="shuxian"></view>
<view>
<view class="t-c fs28">肤况</view>
<view class="t-c mt10 bold">待确定</view>
</view>
</view>
<view class="content" style="padding-bottom: 0;">
<view class="mb_b5" style="display: none">
<image src="{{iurl}}/miniapp/images/skinimg/_code.png" style="height: 200rpx;width: 100%;"></image>
</view>
<view class="analyse_result mt_b5">
<view class="img">
<image wx:if="{{sex === 'female'}}" src="{{iurl}}/miniapp/images/skinimg/nv1.jpeg" style="width: 100%;height: 100%;"></image>
<image wx:else src="{{iurl}}/miniapp/images/skinimg/nan1.jpeg" style="width: 100%;height: 100%;"></image>
</view>
<view class="f1 ml20">
<view class="bold">待确定</view>
<view class="fs24 mt10">
<text class="gan" style="margin-right: 30rpx;">干性区</text>
<text class="you">油性区</text>
</view>
<view class="mt20 fs26">
<text>你的皮肤总体油脂过剩，容易引发皮肤问题。日常可使用一些具有控油，补水功效产品，帮助调理肌肤</text>
</view>
</view>
</view>
</view>
</view>
<view class="content">
<!-- 毛孔 -->
<block wx:if="{{pore_num}}">
<include src="pore/pore" />
</block>
<!-- 黑头 -->
<block wx:if="{{blackhead_num}}">
<include src="blackhead/blackhead.wxml" />
</block>
<!-- 色斑 -->
<block wx:if="{{speckle_num}}">
<include src="speckle/speckle.wxml" />
</block>
<!-- 皱纹 -->
<block wx:if="{{wrinkle_num}}">
<include src="wrinkle/wrinkle.wxml" />
</block>
<!-- 黑眼圈 -->
<block wx:if="{{dark_type>-1}}">
<include src="dark/dark.wxml" />
</block>
<!-- 痤疮 -->
<block wx:if="{{acne_num}}">
<include src="acne/acne.wxml" />
</block>
<!-- 敏感度 -->
<include src="sensitive/sensitive.wxml" />
</view>
</scroll-view>
<view class="mask" catchtap="close_mask" wx:if="{{showDialog}}"></view>
<cover-view bindtap="saveImageToPhotosAlbum" class="share fs28">
<cover-view class="iconfont icon-zhuanfa1" style="padding: 0 10rpx;"></cover-view>
<cover-view>分享</cover-view>
</cover-view>
<!-- 问题标注 -->
<view class="dialog {{img_scale?'scale':'fangda'}}" wx:if="{{showDialog}}">
<!-- 局部放大的 -->
<block wx:if="{{img_scale}}">
<view class="dialog_img" style="{{show_type == 5?'height:60%':'height:75%'}}">
<view class="img_content">
<view class="face_show_view" style="position: relative;width:{{iwidth}}px;height:{{iheight}}px;margin-top: -{{m_top}}px;margin-left: -{{m_left}}px">
<image src="{{iurl}}{{face_img}}" bindload="face_img_load" style="width: 100%;height: 100%;"></image>
<block wx:if="{{yanjing}}">
<!-- 显示毛孔 -->
<block wx:if="{{show_type==1}}">
<block wx:for="{{pore_list}}">
<view class="abs p_circle" style="left:{{(item.x-item.r)*bili}}px; top:{{(item.y-item.r)*bili}}px; height:{{2*item.r*bili}}px;width: {{2*item.r*bili}}px"></view>
</block>
</block>
<!-- 显示色斑 -->
<block wx:if="{{show_type==2}}">
<block wx:for="{{speckle_list}}">
<block wx:for="{{item.position}}" wx:for-item="bitem">
<view class="abs p_point" style="left:{{(bitem.x)*bili}}px; top:{{(bitem.y)*bili}}px;"></view>
</block>
</block>
</block>
<!-- 显示皱纹 -->
<block wx:if="{{show_type==3}}">
<block wx:for="{{wrinkle_list}}">
<block wx:for="{{item}}" wx:for-item="bitem">
<view class="abs p_point" style="left:{{(bitem.x)*bili}}px; top:{{(bitem.y)*bili}}px;"></view>
</block>
</block>
</block>
<!-- 显示黑头 -->
<block wx:if="{{show_type==4}}">
<block wx:for="{{blackhead_list}}">
<block wx:for="{{item}}" wx:for-item="bitem">
<view class="abs p_circle" style="left:{{(item.x-item.r)*bili}}px; top:{{(item.y-item.r)*bili}}px; height:{{2*item.r*bili}}px;width: {{2*item.r*bili}}px"></view>
</block>
</block>
</block>
<!-- 显示黑眼圈 -->
<block wx:if="{{show_type==5}}">
<block wx:for="{{dark_list}}">
<view class="abs p_point" style="left:{{item.x*bili}}px; top:{{item.y*bili}}px; "></view>
</block>
</block>
<!-- 显示痤疮 -->
<block wx:if="{{show_type==6}}">
<block wx:for="{{acne_list}}">
<view class="abs p_circle" style="left:{{(item.center_x-item.radius)*bili}}px; top:{{(item.center_y-item.radius)*bili}}px;height:{{2*item.radius*bili}}px;width: {{2*item.radius*bili}}px"></view>
</block>
</block>
</block>
</view>
</view>
<view class="dialog_icon" catchtap="close_dialog" style="justify-content: flex-start;">
<text class="iconfont icon-guan mt20" style="z-index: 999;font-size: 20rpx;"></text>
</view>
<view class="dialog_icon">
<text catchtap="click_yanjing" class="iconfont {{yanjing?'icon-yanjing-kai':'icon-yanjing-guan'}} mgb20"></text>
<!-- <text class="iconfont icon-yanjing-guan mgb20"></text> -->
<text catchtap="click_fangda" class="iconfont icon-fangda mgb20"></text>
</view>
</view>
<view class="dialog_txt" style="{{show_type == 5?'height:40%':'height:25%'}}">
<block wx:if="{{show_type == 5}}">
<view class="heiyanquan_img flex">
<view class="img1 t-c">
<image wx:if="{{sex === 'female' }}" style="width: 100%;height: 100rpx;" src="{{iurl}}/miniapp/images/skinimg/nv4.jpeg"></image>
<image wx:else style="width: 100%;height: 100rpx;" src="{{iurl}}/miniapp/images/skinimg/nan4.jpeg"></image>
<view class="fs24">血管型 无</view>
</view>
<view class="img1 t-c">
<image wx:if="{{sex === 'female' }}" style="width: 100%;height: 100rpx;" src="{{iurl}}/miniapp/images/skinimg/nv5.jpeg"></image>
<image wx:else style="width: 100%;height: 100rpx;" src="{{iurl}}/miniapp/images/skinimg/nan5.jpeg"></image>
<view class="fs24">色素型 轻度</view>
</view>
<view class="img1 t-c">
<image wx:if="{{sex === 'female' }}" style="width: 100%;height: 100rpx;" src="{{iurl}}/miniapp/images/skinimg/nv6.jpeg"></image>
<image wx:else style="width: 100%;height: 100rpx;" src="{{iurl}}/miniapp/images/skinimg/nan6.jpeg"></image>
<view class="fs24">阴影型 轻度</view>
</view>
</view>
</block>
<view class="dialog_progress">
<view style="margin-right:7px;font-size:32rpx;">
<text wx:if="{{show_type==1}}">毛孔较粗大</text>
<text wx:if="{{show_type==2}}">色斑轻度</text>
<text wx:if="{{show_type==3}}">皱纹轻度</text>
<text wx:if="{{show_type==4}}">黑头轻度</text>
<text wx:if="{{show_type==5}}">黑眼圈轻度</text>
<text wx:if="{{show_type==6}}">痤疮轻度</text>
<text wx:if="{{show_type==7}}">敏感度{{s_filter.get_nai_shou(skin_sensitive_check)}}</text>
</view>
<view style="margin-top:10rpx;display: flex;">
<view class="pp"></view>
<view class="pp"></view>
<view class="pp"></view>
<view class="pp"></view>
<view class="pp"></view>
<view class="pp"></view>
<view class="pp"></view>
<view class="pp"></view>
<view class="pp"></view>
</view>
</view>
<scroll-view wx:if="{{show_type == 3|| show_type == 5|| show_type == 6}}" style="margin-top: 20rpx;" enable-flex scroll-into-view="scroll{{scroll_id}}" scroll-with-animation scroll-x>
<view class="flex fs28" style="height: 100%;">
<view wx:for="{{show_type == 3?zhouwen_arr:(show_type == 5?heitanquan_arr:cuochuang_arr)}}" bindtap="click_scroll" data-scroll_id="{{item.id}}" data-index="{{index}}" wx:key="id" id="scroll{{item.id}}" class="dialog_item {{scroll_index==index?'active1':''}}">
{{item.name}}
</view>
</view>
</scroll-view>
</view>
</block>
<!-- 全图的，能够自由拖拽和放大 -->
<!-- 缩小 -->
<block wx:else>
<view bindtouchstart='touchstartCallback' bindtouchmove='touchmoveCallback' bindtouchEnd='touchendCallback'
style="position: relative;transform: scale({{ig_scale}});top: {{img_top}}px; left: {{img_left}}px;">
<image style="width: 100%;" src="{{iurl}}{{face_img}}" mode="widthFix" ></image>
<block wx:if="{{yanjing}}">
<!-- 显示毛孔 -->
<block wx:if="{{show_type==1}}">
<block wx:for="{{pore_list}}">
<view class="abs p_circle" style="left:{{(item.x-item.r)*bili1}}px; top:{{(item.y-item.r)*bili1}}px;height:{{2*item.r*bili1}}px;width: {{2*item.r*bili1}}px"></view>
</block>
</block>
<!-- 显示色斑 -->
<block wx:if="{{show_type==2}}">
<block wx:for="{{speckle_list}}">
<block wx:for="{{item.position}}" wx:for-item="bitem">
<view class="abs p_point" style="left:{{(bitem.x)*bili1}}px; top:{{(bitem.y)*bili1}}px;"></view>
</block>
</block>
</block>
<!-- 显示皱纹 -->
<block wx:if="{{show_type==3}}">
<block wx:for="{{wrinkle_list}}">
<block wx:for="{{item}}" wx:for-item="bitem">
<view class="abs p_point" style="left:{{(bitem.x)*bili1}}px; top:{{(bitem.y)*bili1}}px;"></view>
</block>
</block>
</block>
<!-- 显示黑头 -->
<block wx:if="{{show_type==4}}">
<block wx:for="{{blackhead_list}}">
<block wx:for="{{item}}" wx:for-item="bitem">
<view class="abs p_circle" style="left:{{(item.x-item.r)*bili1}}px; top:{{(item.y-item.r)*bili1}}px; height:{{2*item.r*bili1}}px;width: {{2*item.r*bili1}}px"></view>
</block>
</block>
</block>
<!-- 显示黑眼圈 -->
<block wx:if="{{show_type==5}}">
<block wx:for="{{dark_list}}">
<view class="abs p_point" style="left:{{item.x*bili1}}px; top:{{item.y*bili1}}px; "></view>
</block>
</block>
<!-- 显示痤疮 -->
<block wx:if="{{show_type==6}}">
<block wx:for="{{acne_list}}">
<view class="abs p_circle" style="left:{{(item.center_x-item.radius)*bili1}}px; top:{{(item.center_y-item.radius)*bili1}}px;height:{{2*item.radius*bili1}}px;width: {{2*item.radius*bili1}}px"></view>
</block>
</block>
</block>
</view>
<view class="dialog_icon">
<text catchtap="click_fangda" class="iconfont icon-suoxiao mgb20"></text>
</view>
</block>
</view>
<!-- 二维码显示页面 -->
<canvas canvas-id='share' style='width:750rpx;height:1338rpx;background-color:white;' wx:if='{{!canvasHidden}}'></canvas>
<!-- 展示分享图 -->
<view id="share_show" wx:if="{{share_show}}">
<view class="cover-layer" bindtap="close_share" style="z-index: 77777"></view>
<view class="share_content">
<view class="sh_close" bindtap="close_share"><text class="iconfont icon-close"></text></view>
<image src="{{shareImgPath}}" style="width: 100%" mode="widthFix"></image>
<view class="share_save_btn" bindtap="savePic">保存到相册</view>
</view>
</view>
<warn id="warn"></warn>