<template>
  <scroll-view :class="['box', theme]">
    <div>
      <img
        class="no-car"
        :src="require('./static/images/no-car.svg')" />
<!--      <div class="carno">{{vehicleNo | formatCarno}}</div>-->
      <div class="msg">未查询到场内记录</div>
      <div class="msg-sub">请联系车场管理员</div>
      <div class="searchPrice" @click="search">重新查询</div>
    </div>
  </scroll-view>
</template>

<script>
import parkingFeePaymentJs from './mixins/parkingFeePayment'
import baseMixins from './mixins/base'
export default {
  mixins:[baseMixins, parkingFeePaymentJs]
}
</script>

<style lang="less" scoped>

.box {
  text-align: center;
  background-color: #FBFCFF;
  opacity: 1;

  img {
    width: 500px;
    // height: 200px;
    display: block;
    margin: 149px auto 0;
  }

  div {
    //margin-top: 20px;
  }

  .carno {
    font-size: 46px;
    font-weight: 500;
    color: #333333;
    line-height: 65px;
  }
  .no-car {
    position:relative;
    top: 20px;
  }
  .msg {
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 50px;
    text-align: right;
    color: #333333;
    text-align: center;
  }
  
  .msg-sub {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 39px;
    text-align: center;
    color: #919BAA;
    margin-top: 16px;
  }

  .searchPrice {
    color: #fff !important;
    margin: 0 auto;
    margin-top: 66px;
    height: 90px;
    width: 690px;
    line-height: 90px;
    // border-radius: 80px;
    // font-size: 17px;
    // background-image: linear-gradient(to right, #7e4fa1, #433c7f);

    background-color: var(--k-color-primary);
    border-radius: 45px;
    font-weight: 400;
    
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
  }

  // .blueSearchPrice {
  // 	.colorSearchPrice('blue');
  // }

  // .greenSearchPrice {
  // 	.colorSearchPrice('green');
  // }

  // .colorSearchPrice(@value) {
  // 	@color: 'color-@{value}';
  // 	background-image: none;
  // 	background-color: @@color;
  // }
}
</style>



