<view class="topbb" style="width: 750rpx; height: 408rpx; display: block; box-sizing: border-box; left: 0rpx; top: 47rpx">
    <view class="top">
        <view class="title">
            <view class="main">汽车出险记录查询、杜绝事故车！</view>
            <view class="sub">一键查询历史出险记录，快速了解车辆事故</view>
        </view>
        <image mode="widthFix" src="https://api.ym23.com/addons/monai_market/static/images/car/WechatIMG25.png" style="width: 310rpx; height: 160rpx; display: block; box-sizing: border-box; left: 411rpx; top: 160rpx"></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>