1

src/components/plate-number/plateNumber.vue

@@ -10,7 +10,7 @@
           <div class="sure" @click.stop="close_keyboard">确认</div>
         </div>
         <div class="plate_chinese_box">
-          <button size="small" :class="[item.id === 99 && 'del']" v-for="(item, index) in ChineseList" :key="item.id" :disabled="disabledKeyboard(index)" @click="checkChinese(index)">
+          <button size="small" :class="[item.id === 99 && 'del',  item.id === 66 && 'mini']" v-for="(item, index) in ChineseList" :key="item.id" :disabled="disabledKeyboard(index)" @click="checkChinese(index)">
             <span v-if="item.id !== 99">{{ item.name }}</span>
             <img v-else :src="require(`../../static/images/close.png`)" alt="" />
           </button>
@@ -29,7 +29,7 @@
         <div class="close-box">
           <div class="plate_number_box">
             <!-- :disabled="item.id === 45 || item.id === 46 ? true : false" -->
-            <button :disabled="item.id === 45 || item.id === 46 ? true : false" size="small" v-for="(item, index) in English_Number" :key="item.id" :class="[item.id === 99 && 'del', item.id === 66 && 'mini']"  @click="checkEnglish_num(index)">
+            <button :disabled="item.id === 45 || item.id === 46 ? true : false" size="small" v-for="(item, index) in English_Number" :key="item.id" :class="[item.id === 99 && 'del', item.id === 66 && 'mini', item.id === 6609 && 'break']"  @click="checkEnglish_num(index)">
               <span v-if="item.id !== 99">{{ item.name }}</span>
               <img v-else :src="require(`../../static/images/back.png`)" alt="" />
             </button>
@@ -204,10 +204,10 @@ export default {
           name: '宁',
           id: 30,
         },
-        /* {
+        {
           name: 'ABC',
           id: 66,
-        }, */
+        },
         {
           name: '新',
           id: 31,
@@ -236,16 +236,16 @@ export default {
           name: '澳',
           id: 37,
         },
-        {
-          name: '台',
-          id: 38,
-        },
+        // {
+        //   name: '台',
+        //   id: 38,
+        // },
         {
           name: '临',
           id: 39,
         },
         {
-          name: '←',
+          name: 'X',
           id: 99,
         },
       ],
@@ -366,6 +366,10 @@ export default {
           name: 'L',
           id: 56,
         },
+        {
+          name: '',
+          id: 6609,
+        },
         {
           name: '地区',
           id: 66,
@@ -632,6 +636,16 @@ export default {
             height: 30px;
           }
         }
+        &.mini {
+          background-color: #adb3bc;
+          font-family: 'PingFang SC';
+          font-style: normal;
+          font-weight: 400;
+          font-size: 27px;
+          line-height: 38px;
+          text-align: center;
+          color: #000000;
+        }
       }
       button[disabled='disabled'] {
         color: #9da0a3;
@@ -676,7 +690,7 @@ export default {
     justify-content: center;
 
     button {
-      width: 9%;
+      width: 8%;
       height: 85px;
       line-height: 85px;
       text-align: center;
@@ -684,6 +698,8 @@ export default {
       font-size: 36px;
       background: #ffffff;
       .class-van-button-small;
+      margin-left: 5px;
+      margin-right: 5px;
 
       &.del {
         img {
@@ -692,7 +708,24 @@ export default {
         }
       }
       &.mini {
-        font-size: 28px;
+        flex-flow: wrap;
+        background-color: #adb3bc;
+        font-family: 'PingFang SC';
+        font-style: normal;
+        font-weight: 400;
+        font-size: 27px;
+        line-height: 38px;
+        text-align: center;
+        color: #000000;
+      }
+      &.break {
+        flex-basis: 100%;
+        height: 0;
+        background: transparent;
+        box-shadow: none;
+        margin: 0;
+        padding: 0;
+        border: 0;
       }
     }
     button[disabled='disabled'] {