Traffic-widget/miniprogram/components/camera-face/index.wxml

<!--components/camera-face/index.wxml-->
<!--人脸识别录像组件-->
<view class="page-body">
    <!-- 请拿起手机正对摄像头——请向左转——请向右转 -->
    <view class="top-view">
        <view class="top-tips">{{topTips}}</view>
    </view>

    <view class="camera-box">
        <view class="camera-circle">
            <camera mode="normal" device-position="{{devicePosition}}" frame-size="{{frameSize}}" resolution="{{resolution}}" flash="{{flash}}" binderror="error" bindstop="stop" class="camera">
                <view wx:if="{{!seconds}}">
                </view>
                <view wx:else class="half-circle">
                    <p> {{seconds}} </p>
                </view>
            </camera>
        </view>
    </view>

    <!-- 开始人脸验证——人脸验证中——人脸验证成功 -->
    <view class="bottom-view">
        <view wx:if="{{!bottomTips}}" class="bottom-btn" bindtap="readyRecord">开始人脸验证</view>
        <view wx:else class="bottom-btn">{{bottomTips}}</view>
    </view>
</view>