|
@@ -31,7 +31,7 @@
|
|
|
<!-- 中控 -->
|
|
|
<div class="parkingFee-bottom">
|
|
|
<div style="height: 40px; background-color: #FBFCFF;" v-if="source !== 'CRM'"></div>
|
|
|
- <div class="parkingFee-tab" v-if="supportUnlicensed && source === 'CRM'">
|
|
|
+ <div :class="['parkingFee-tab', tabbarActive === '无牌缴费' && 'unlicensed-box-bottom']" v-if="supportUnlicensed && source === 'CRM'">
|
|
|
<div :class="['bar', tabbarActive === '手动缴费' && 'active']" @click="tabbarActiveEvent('手动缴费')">手动缴费</div>
|
|
|
<div :class="['bar', tabbarActive === '无牌缴费' && 'active']" @click="tabbarActiveEvent('无牌缴费')">无牌缴费</div>
|
|
|
</div>
|
|
@@ -55,26 +55,26 @@
|
|
|
<!-- <div v-for="i in carType === 1 ? 8 : 7" class="li" :key="`numArr${i}`" @click="clickShowKeyboard(i)" :class="[active === i ? 'active' : '']">
|
|
|
{{ numArr[i] }}
|
|
|
</div> -->
|
|
|
- <div class="li" @click="clickShowKeyboard(0)" :class="[active === 0 ? 'active' : '']">
|
|
|
+ <div class="van-hairline--surround li" @click="clickShowKeyboard(0)" :class="[active === 0 ? 'active' : '']">
|
|
|
{{ numArr[0] }}
|
|
|
</div>
|
|
|
- <div class="li" @click="clickShowKeyboard(1)" :class="[active === 1 ? 'active' : '']">
|
|
|
+ <div class="van-hairline--surround li" @click="clickShowKeyboard(1)" :class="[active === 1 ? 'active' : '']">
|
|
|
{{ numArr[1] }}
|
|
|
</div>
|
|
|
<div class="input_box_dian">·</div>
|
|
|
- <div class="li" @click="clickShowKeyboard(2)" :class="[active === 2 ? 'active' : '']">
|
|
|
+ <div class="van-hairline--surround li" @click="clickShowKeyboard(2)" :class="[active === 2 ? 'active' : '']">
|
|
|
{{ numArr[2] }}
|
|
|
</div>
|
|
|
- <div class="li" @click="clickShowKeyboard(3)" :class="[active === 3 ? 'active' : '']">
|
|
|
+ <div class="van-hairline--surround li" @click="clickShowKeyboard(3)" :class="[active === 3 ? 'active' : '']">
|
|
|
{{ numArr[3] }}
|
|
|
</div>
|
|
|
- <div class="li" @click="clickShowKeyboard(4)" :class="[active === 4 ? 'active' : '']">
|
|
|
+ <div class="van-hairline--surround li" @click="clickShowKeyboard(4)" :class="[active === 4 ? 'active' : '']">
|
|
|
{{ numArr[4] }}
|
|
|
</div>
|
|
|
- <div class="li" @click="clickShowKeyboard(5)" :class="[active === 5 ? 'active' : '']">
|
|
|
+ <div class="van-hairline--surround li" @click="clickShowKeyboard(5)" :class="[active === 5 ? 'active' : '']">
|
|
|
{{ numArr[5] }}
|
|
|
</div>
|
|
|
- <div :class="['li', active === 6 ? 'active' : '']" @click="clickShowKeyboard(6)">
|
|
|
+ <div :class="['van-hairline--surround li', active === 6 ? 'active' : '']" @click="clickShowKeyboard(6)">
|
|
|
{{ numArr[6] }}
|
|
|
</div>
|
|
|
<div class="li dashed green-active" @click="clickShowKeyboard(7)" :class="[active === 7 ? 'active' : '']" >
|
|
@@ -128,6 +128,10 @@
|
|
|
<div class="title_box">
|
|
|
<span class="btn">缴费说明</span>
|
|
|
</div>
|
|
|
+ <div class="sub_title_box">
|
|
|
+ <span class="btn">基础计费规则:</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="info" :class="!init_ch ? 'info_show' : ''">
|
|
|
<!-- <p></p> -->
|
|
|
<!-- <p>{{ description }}</p> -->
|
|
@@ -223,6 +227,9 @@ export default {
|
|
|
background-color: #FBFCFF;
|
|
|
display: flex;
|
|
|
align-items: flex-end;
|
|
|
+ &.unlicensed-box-bottom {
|
|
|
+ padding-bottom: 107px;
|
|
|
+ }
|
|
|
|
|
|
.bar {
|
|
|
color: #666666;
|
|
@@ -341,7 +348,7 @@ export default {
|
|
|
|
|
|
.li {
|
|
|
width: 100%;
|
|
|
- border: 1px solid #d9dbe0;
|
|
|
+ //border: 1px solid #d9dbe0;
|
|
|
box-sizing: border-box;
|
|
|
height: 90px;
|
|
|
display: flex;
|
|
@@ -356,6 +363,12 @@ export default {
|
|
|
background-color: #fafbff;
|
|
|
border-style: dashed;
|
|
|
}
|
|
|
+ &.van-hairline--surround {
|
|
|
+ &::after{
|
|
|
+ border-radius: 7px;
|
|
|
+ border-color: #D9DBE0;
|
|
|
+ }
|
|
|
+ }
|
|
|
&.active {
|
|
|
border-color: var(--k-color-primary-01, #064c8a);
|
|
|
}
|
|
@@ -458,7 +471,7 @@ export default {
|
|
|
border: 1px solid #d9dbe0;
|
|
|
background-color: #f4f7ff;
|
|
|
line-height: 60px;
|
|
|
- font-size: 26px;
|
|
|
+ font-size: 28px;
|
|
|
border-radius: 30px;
|
|
|
color: #666666;
|
|
|
}
|
|
@@ -487,9 +500,12 @@ export default {
|
|
|
line-height: 36px;
|
|
|
text-align: center;
|
|
|
margin-bottom: 60px;
|
|
|
+ font-family: 'PingFang SC';
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 400;
|
|
|
}
|
|
|
.search-btn {
|
|
|
- font-size: 34px;
|
|
|
+ font-size: 32px;
|
|
|
height: 90px;
|
|
|
color: #ffffff;
|
|
|
line-height: 90px;
|
|
@@ -588,6 +604,18 @@ export default {
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
|
+ .sub_title_box {
|
|
|
+ margin-bottom: 5px;
|
|
|
+ .btn{
|
|
|
+ font-family: 'PingFang SC';
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 26px;
|
|
|
+ line-height: 40px;
|
|
|
+
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.info {
|
|
|
padding-left: 2px;
|
|
@@ -614,8 +642,8 @@ export default {
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
color: #999999;
|
|
|
- margin-top: 30px;
|
|
|
- margin-bottom: 32px;
|
|
|
+ margin-top: 25px;
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|