123 lines
3.6 KiB
Vue
123 lines
3.6 KiB
Vue
<script setup>
|
||
function goBack() {
|
||
uni.navigateBack()
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<view class="page-root">
|
||
<view class="notice-card">
|
||
<view class="notice-title">查询须知</view>
|
||
<view class="notice-intro">
|
||
仔细阅读查询须知，可以避免很多查询问题哦
|
||
</view>
|
||
<view class="notice-item">
|
||
<text class="notice-num">1、</text>
|
||
<text class="notice-text">24 小时可查询，秒出报告，查询失败自动退款；</text>
|
||
</view>
|
||
<view class="notice-item">
|
||
<text class="notice-num">2、</text>
|
||
<text class="notice-text">车架号查询，无需提供行驶证，报告内容无理赔金额 / 无详细的事故历史；</text>
|
||
</view>
|
||
<view class="notice-item">
|
||
<text class="notice-num">3、</text>
|
||
<text class="notice-text">简版出险主要包括车损评分，车龄，事故次数及受损部位，是否事故车，火烧车，水淹车及车辆盗抢状态，无理赔换件明细记录；</text>
|
||
</view>
|
||
<view class="notice-item">
|
||
<text class="notice-num">4、</text>
|
||
<text class="notice-text">简版出险记录包含撤销 / 拒赔 / 未结案 / 已结案等等统计，商业和交强险出险次数为累计，事故次数大于详版出险；</text>
|
||
</view>
|
||
<view class="notice-item">
|
||
<text class="notice-num">5、</text>
|
||
<text class="notice-text">如遇车牌不一致说明近期有过户属于正常情况，车架号唯一，请检查核对车架号码是否一致；</text>
|
||
</view>
|
||
<view class="notice-item">
|
||
<text class="notice-num">6、</text>
|
||
<text class="notice-text">数据由三方收集的保险数据，可能存在人工录入失误，仅供交易参考用，具体以实车为准；</text>
|
||
</view>
|
||
<view class="notice-item">
|
||
<text class="notice-num">7、</text>
|
||
<text class="notice-text">请先核实车架号（车辆识别代码），提交准确的查询信息，避免查到错误的报告；</text>
|
||
</view>
|
||
<view class="notice-item">
|
||
<text class="notice-num">8、</text>
|
||
<text class="notice-text">本服务属于虚拟服务，提交并完成查询的订单，不支持退款；</text>
|
||
</view>
|
||
</view>
|
||
<view class="back-btn" @tap="goBack">
|
||
<text>返回</text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<style scoped lang="scss">
|
||
.page-root {
|
||
min-height: 100vh;
|
||
background: #f5f7fa;
|
||
padding: 24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.notice-card {
|
||
background: #fff;
|
||
border-radius: 16rpx;
|
||
padding: 36rpx 28rpx;
|
||
box-shadow: 0 0 24rpx rgba(63, 63, 63, 0.06);
|
||
flex: 1;
|
||
}
|
||
|
||
.notice-title {
|
||
font-size: 36rpx;
|
||
font-weight: 700;
|
||
color: #1d2129;
|
||
text-align: center;
|
||
margin-bottom: 28rpx;
|
||
padding-bottom: 20rpx;
|
||
border-bottom: 1rpx solid #e5e6eb;
|
||
}
|
||
|
||
.notice-intro {
|
||
font-size: 28rpx;
|
||
color: #86909c;
|
||
line-height: 1.65;
|
||
margin-bottom: 24rpx;
|
||
padding-bottom: 20rpx;
|
||
border-bottom: 1rpx dashed #e5e6eb;
|
||
text-align: center;
|
||
}
|
||
|
||
.notice-item {
|
||
display: flex;
|
||
padding: 16rpx 0;
|
||
line-height: 1.7;
|
||
}
|
||
|
||
.notice-num {
|
||
font-size: 28rpx;
|
||
font-weight: 600;
|
||
color: #1768ff;
|
||
flex-shrink: 0;
|
||
margin-right: 4rpx;
|
||
}
|
||
|
||
.notice-text {
|
||
font-size: 28rpx;
|
||
color: #1d2129;
|
||
flex: 1;
|
||
}
|
||
|
||
.back-btn {
|
||
margin-top: 32rpx;
|
||
height: 88rpx;
|
||
line-height: 88rpx;
|
||
text-align: center;
|
||
background: linear-gradient(90deg, #1768ff 0%, #4d94ff 100%);
|
||
color: #fff;
|
||
font-size: 30rpx;
|
||
font-weight: 600;
|
||
border-radius: 44rpx;
|
||
}
|
||
</style>
|