chache/pages/order-confirm/index.wxml

<view class="content data-v-0986fd70" wx:if="{{a}}">
  <view class="header data-v-0986fd70">
    <view class="header-content data-v-0986fd70">
      <view class="vehicle-info data-v-0986fd70" wx:if="{{b}}">
        <image class="logo data-v-0986fd70" src="{{c}}"></image>
        <view class="right-content data-v-0986fd70">
          <view class="desc data-v-0986fd70" style="font-weight: bold"
            >车型：{{d}}</view
          >
          <view class="desc data-v-0986fd70">VIN ：{{e}}</view>
        </view>
      </view>
      <block wx:else>
        <image class="car data-v-0986fd70" src="/static/images/car.jpg"></image>
        <view class="desc data-v-0986fd70">
          <block wx:if="{{f}}">
            <text class="data-v-0986fd70" style="margin-right: 10rpx"
              >车牌:
            </text>
            <vehicle-number
              bind:__l="__l"
              class="data-v-0986fd70"
              uI="0986fd70-0"
              uP="{{g}}"
              wx:if="{{g}}"
            ></vehicle-number>
          </block>
          <block wx:if="{{h}}">
            <text class="data-v-0986fd70" style="margin-right: 10rpx"
              >VIN:
            </text>
            <text class="data-v-0986fd70" style="color: #1f68e9">{{i}}</text>
          </block>
        </view>
      </block>
    </view>
    <view class="tips-info data-v-0986fd70">
      <view class="left-content data-v-0986fd70">
        <image
          class="data-v-0986fd70"
          src="/static/svgs/icon_shield.svg"
        ></image>
        <text class="data-v-0986fd70">真实数据</text>
      </view>
      <view class="right-content data-v-0986fd70">全面还原真实车况</view>
    </view>
  </view>
  <view class="wrap data-v-0986fd70">
    <view class="title data-v-0986fd70">请确认您购买的产品</view>
    <view class="product-list data-v-0986fd70">
      <radio-group bindchange="{{k}}" class="product-group data-v-0986fd70">
        <label class="data-v-0986fd70" wx:for="{{j}}" wx:key="i">
          <view class="{{['product','data-v-0986fd70',item.f&&'selected']}}">
            <view class="top data-v-0986fd70">
              <view class="product-name data-v-0986fd70">
                <view class="data-v-0986fd70">{{item.a}}</view>
                <view class="recommend data-v-0986fd70" wx:if="{{item.b}}"
                  >推荐</view
                >
              </view>
              <view class="product-price data-v-0986fd70">
                <view class="origin data-v-0986fd70">原价:￥{{item.c}}</view>
                <view class="data-v-0986fd70">￥{{item.d}}</view>
              </view>
            </view>
            <view class="product-desc data-v-0986fd70">{{item.e}}</view>
          </view>
          <radio
            checked="{{item.h}}"
            class="data-v-0986fd70"
            color="#FA5E29"
            value="{{item.g}}"
          ></radio>
        </label>
      </radio-group>
    </view>
    <view class="notice data-v-0986fd70" wx:if="{{l}}">
      报告处理时间为9点-22点，22点后次日处理。18点以后，部分订单会在第二天早上9点后收到查询结果。
    </view>
  </view>
  <view class="wrap data-v-0986fd70" wx:if="{{m}}">
    <view class="title data-v-0986fd70">购买须知</view>
    <view class="tips data-v-0986fd70">
      通过车架号，查询车辆当前车险信息（不支持往年车险），存在以下两种情况:
      <view class="data-v-0986fd70"></view> 1.
      如果车辆正常在保：有保险公司名称、起保日期、终保日期等信息。
      <view class="data-v-0986fd70"></view> 2.
      如果车辆已经脱保：则不会有上述信息。
      <view class="data-v-0986fd70"></view>
      请购买之前认真阅读，一旦报告结果查出，概不退款。
    </view>
  </view>
  <view class="coupon data-v-0986fd70">
    <view class="top data-v-0986fd70">
      <image
        class="data-v-0986fd70"
        src="/static/images/icon_coupon.png"
      ></image>
      <text class="data-v-0986fd70">限时优惠</text>
    </view>
    <view class="coupon-content data-v-0986fd70">
      <view class="count-down data-v-0986fd70">
        <uni-countdown
          bind:__l="__l"
          class="data-v-0986fd70"
          uI="0986fd70-1"
          uP="{{n}}"
          wx:if="{{n}}"
        ></uni-countdown>
      </view>
      <view class="price data-v-0986fd70">￥{{o}}</view>
    </view>
  </view>
  <view class="wrap data-v-0986fd70">
    <view class="title data-v-0986fd70">支付方式</view>
    <radio-group bindchange="{{w}}" class="pay-group data-v-0986fd70">
      <label class="data-v-0986fd70" wx:if="{{p}}">
        <image
          class="data-v-0986fd70"
          src="/static/images/logo_wechat.png"
        ></image>
        <text class="pay-name data-v-0986fd70">微信支付</text>
        <radio
          checked="{{r}}"
          class="data-v-0986fd70"
          color="#FA5E29"
          value="{{q}}"
        ></radio>
      </label>
      <label class="data-v-0986fd70" wx:if="{{s}}">
        <image
          class="data-v-0986fd70"
          src="/static/images/logo_alipay.png"
        ></image>
        <text class="pay-name data-v-0986fd70">支付宝支付</text>
        <radio
          checked="{{v}}"
          class="data-v-0986fd70"
          color="#FA5E29"
          value="{{t}}"
        ></radio>
      </label>
    </radio-group>
  </view>
  <divider bind:__l="__l" class="data-v-0986fd70" uI="0986fd70-2"></divider>
  <view class="pay-content data-v-0986fd70">
    <view class="price data-v-0986fd70">
      <view class="label data-v-0986fd70">实付：</view>
      <view class="amount data-v-0986fd70">￥{{x}}</view>
    </view>
    <view
      bindtap="{{y}}"
      class="button data-v-0986fd70"
      hoverClass="default-hover-class"
      hoverStayTime="100"
    >
      确认购买
    </view>
  </view>
</view>