<view class="topbb" style="width: 750rpx; height: 380rpx; display: block; box-sizing: border-box; left: 0rpx; top: 47rpx">
    <view class="top">
        <view class="title">
            <view class="main">出险高级版查询、杜绝事故车！</view>
            <view class="sub">查询成功率高达%95以上，数据超级准确</view>
        </view>
        <image mode="widthFix" src="https://api.ym23.com/addons/monai_market/static/images/car/WechatIMG25.png" style="width: 317rpx; height: 172rpx; display: block; box-sizing: border-box; left: 422rpx; top: 158rpx; position: absolute"></image>
    </view>
</view>
<view>
    <input bindinput="mileageChanage" class="vin-input" maxlength="17" placeholder="车辆识别码/车架号" type="text" value="{{mileage}}"></input>
    <view style="display:inline-block;width:75rpx;margin-left:25rpx;">
        <navigator bindtap="saoys" class="camera-nav" hoverClass="none" selectedOptions="{{['plateNum','vehicleType','owner']}}">
            <image class="camera-img" src="/assets/images/scan.png"></image>
            <text style="font-size:24rpx;">扫一扫</text>
        </navigator>
    </view>
</view>
<text bindtap="saoys" class="driver_text" wx:if="{{!imageUrl}}">出险碰撞高级查询，必须上传行驶证~</text>
<text bindtap="saoys" class="driver_text" wx:else>车牌号:{{engine}},行驶证上传成功~</text>
<image bindtap="saoys" class="driver_img" mode="aspectFill" src="https://api.ym23.com/addons/monai_market/static/images/car/xsz_example.jpg" wx:if="{{!imageUrl}}"></image>
<image bindtap="saoys" class="driver_img" mode="aspectFill" src="{{imageUrl}}" wx:else></image>
<button bindtap="queryVolation" class="search-button">开始查询</button>
<view class="help-view">
    <text bindtap="toDetailExample" class="help-example">样例报告</text>
    <text bindtap="toHelpVin" class="help-wht">扫一扫识别更快</text>
</view>
<view style="height:104rpx;"></view>