Files
tyc-uniapp_V2/src/pages/inquire/query-notice.vue

123 lines
3.6 KiB
Vue
Raw Normal View History

2026-05-25 10:54:05 +08:00
<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>