f

src/pages/inquire/query-notice.vue

@@ -0,0 +1,122 @@
+<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>