shoot_notice.wxml
2.79 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
<!--packageB/pages/AI-test-skin/shoot_notice/shoot_notice.wxml-->
<view class="content">
<view class="notice_show" style="display: {{notice_show}};">根据要求拍摄，测肤结果更准确。</view>
<view>
<view class="work">准备工作</view>
<view class="hengxian"></view>
</view>
<view>
<view class="ready">
<view class="image">
<image src="{{iurl}}/miniapp/images/skinimg/zhunbei1.jpeg"></image>
<text class="shuxian"></text>
<image src="{{iurl}}/miniapp/images/skinimg/zhunbei2.jpeg"></image>
</view>
<text class="fs28">1、请对准镜头，闭眼拍照</text>
</view>
<view class="ready">
<view class="image">
<image src="{{iurl}}/miniapp/images/skinimg/zhunbei3.jpeg"></image>
<text class="shuxian"></text>
<image src="{{iurl}}/miniapp/images/skinimg/zhunbei2.jpeg"></image>
</view>
<text class="fs28">2、请摘下眼镜，撩起刘海</text>
</view>
<view class="ready">
<view class="image">
<image src="{{iurl}}/miniapp/images/skinimg/zhunbei4.jpeg"></image>
<text class="shuxian"></text>
<image src="{{iurl}}/miniapp/images/skinimg/zhunbei5.jpeg"></image>
</view>
<text class="fs28">3、保持脸部垂直，切勿距离过远过近</text>
</view>
</view>
<view style="margin: 100rpx 0 40rpx 0;">
<view class="work">注意事项</view>
<view class="hengxian"></view>
</view>
<view>
<view class="ready">
<view class="image_1">
<image src="{{iurl}}/miniapp/images/skinimg/zhunbei6.jpeg"></image>
</view>
<text class="fs28">1、脸部置于画面中央，请勿距离过远或过近</text>
</view>
<view class="ready1">
<view class="image_1">
<image src="{{iurl}}/miniapp/images/skinimg/zhunbei7.jpeg"></image>
</view>
<text class="fs28">2、脸部保持平视摄像头</text>
</view>
</view>
</view>
<canvas canvas-id="attendCanvasId" style="width:{{canvasWidth}}px;height:{{canvasHeight}}px;position: absolute;z-index:1003;left:-500rpx;"></canvas>
<view style="height: 300rpx;background-color: #e7f5fb;">
<view class="btn_fixed">
<botton disabled="{{selecting}}" class="btn" bindtap="takePhoto">准备闭眼拍摄</botton>
<view class="notice" style="display:flex;justify-content:center;align-items: center;">
<text class="iconfont icon-info" style="margin-right: 10rpx;font-size: 26rpx"></text>
<text>如无闭眼，将导致图片分析失败</text>
</view>
</view>
</view>