<custom chineseName="人脸对比" engName="faceMatch"></custom>
<view class="wrap">
    <view>
        <view class="card-area">
            <view class="image-group">
            <view>
                <image class="targetImage" src="{{imageLeft}}" mode="aspectFit"></image>
                <button class="btn" data-say="left" bindtap="upLoadImage">上传图片一</button>
            </view>
            <view>
                <image class="targetImage" src="{{imageRight}}" mode="aspectFit"></image>
                <button class="btn" data-say="right" bindtap="upLoadImage">上传图片二</button>
            </view>
            </view>
        </view>
        <view class="card-area">
            <view s-if="!loading">
                <view class="top-description border-bottom">对比结果</view>
                <view s-if="{{hasResult}}" class="result-area">
                    <view class="result-area-succ">相似度{{percent}}%</view>
                    <view class="result-area-tips">{{text}}</view>
                </view>
                <view s-else class="result-area">
                    <view class="result-area-fail">{{whitchPic}}未检测到人脸</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="{{disabled}}" bindtap="faceMatch">开始对比</button>
    </view>
</view>