<custom chineseName="人脸检测" engName="faceDetect"></custom>
<view class="wrap">
    <view>
        <view class="card-area">
            <image mode="aspectFill" class="display-area-image" src="{{image}}"></image>
        </view>
        <view class="card-area" s-if="!loading" style="margin-bottom: 1.2rem;">
            <view class="top-description border-bottom">
                <view>识别结果</view>
                <view bindtap="description">说明</view>
            </view>
            <view s-if="!hasFace" class="list-area">
                <view s-for="item in result" class="result-item">
                    <view class="result-item-key-4">{{item.name}}</view>
                    <view class="result-item-value"> {{item.value}}</view>
                </view>
            </view>
            <view s-else>
                <view class="result-area">
                    <view class="result-area-fail">未检测到人脸</view>
                    <view class="result-area-tips">请上传包含人脸的清晰图片</view>
                </view>
            </view>
        </view>
    </view>
    <view class="swan-security-padding-bottom flex-button">
        <button type="primary" hover-class="button-hover" disabled="{{loading}}" bindtap="faceDetect">上传人脸图片</button>
    </view>
</view>