<custom chineseName="人脸搜索" engName="faceSearch"></custom>
<view class="wrap" style="height:{{height}}">
    <view class="target">
        <image class="top" src="{{imageTop}}" mode="aspectFit"></image>
        <view class="position" style="margin-bottom: .45rem;">
            <button class="btnOne" data-say="imageTop" bindtap="upLoadImage">上传图片</button>
        </view>
        <view class="bottom">
            <image  style="margin-left: .02rem" src="{{imageLeft}}" mode="aspectFit"></image>
            <image  style="margin-left: .02rem" src="{{imageMid}}" mode="aspectFit"></image>
            <image  style="margin-left: .02rem" src="{{imageRight}}" mode="aspectFit"></image>
        </view>
        <view class="position" style="margin-bottom: .28rem;">
            <button class="btnTwo" data-say="imageBottom" bindtap="upLoadImage">上传图片</button>
        </view>

    </view>
    <view s-if="!loading">
        <view class="description">
            <view class="fail-title">识别结果</view>
        </view>
        <view s-if="{{isSuccess}}">
            <view s-if="{{hasResult}}" class="success">
                <view class="fail-msg" style="color:#3C76FF;">图三与目标人脸最相似</view>
                <view class="tips">二者相似度81%</view>
            </view>
            <view s-else class="fail">
                <view class="fail-msg">目标图片未检测到人脸</view>
                <view class="tips">请上传包含人脸的清晰图片</view>
            </view>
        </view>
        <view s-else>
            <view class="fail">
                <view class="fail-msg">目标图片未匹配到正确人脸</view>
                <view class="tips">请稍后再试</view>
            </view>
        </view>
    </view>
    <view class="swan-security-padding-bottom flex-button">
        <button type="primary" hover-class="button-hover" disabled="{{disabled}}" bindtap="faceSearch">开始对比</button>
    </view>
</view>