feat: 优化新能源键位空值显示状态

didi · Nov 20, 2023 · 4acd74a · 4acd74a
1 parent 8ea1fba
commit 4acd74a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 19 deletions.
diff --git a/components/_style/images/new-energy.png b/components/_style/images/new-energy.png
diff --git a/components/license-plate-input/index.vue b/components/license-plate-input/index.vue
@@ -22,11 +22,8 @@
         v-else
         class="md-license-plate-input-item_content"
       >
-        <div v-if="item">{{ item }}</div>
-        <div v-else class="emptyValue">
-          <div>+</div>
-          <div class="emptyValue_text">新能源</div>
-        </div>
+        <div v-if="item && item !== ' '">{{ item }}</div>
+        <div v-else class="emptyValue"></div>
       </div>
     </div>
   </div>
@@ -85,19 +82,8 @@
       .emptyValue{
         width: 100%;
         height: 100%;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        color: #12BB42;
-        font-size: 36px;
-        line-height: 36px;
-        &_text{
-          color: #61686F;
-          font-size: 16px;
-          line-height: 16px;
-          margin-top: 10px;
-        }
+        background: url(../_style/images/new-energy.png) center no-repeat;
+        background-size: 49px 51px;
       }
     }
   }

diff --git a/components/license-plate/demo/cases/demo0.vue b/components/license-plate/demo/cases/demo0.vue
@@ -18,7 +18,7 @@ export default {
   },
   mounted() {
     // setTimeout(()=>{
-    //   this.defaultValue = '23338888888'
+    //   this.defaultValue = '2333888 '
     // },10000)
   },
   methods: {},