commit

src/pages/home/components/EnterCard.vue

@@ -1,32 +1,37 @@
 <template>
   <div class="wx-card" @click="toPage">
-    <div style="">
+    <div>
       <div>
         <i class="icon" :class="icon" />
       </div>
-      <div style="margin-top: 10px;">
+      <div v-if="label">
         <span class="card-font">{{ label }}</span>
       </div>
+      <div v-else>
+        <div class="labelNull">
+          <i class="el-icon-circle-plus-outline"></i>
+        </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-export default {
-  name: 'EnterCard',
-  props: ['icon', 'label', 'path'],
-  methods: {
-    toPage() {
-      this.$router.push(this.path)
+  export default {
+    name: 'EnterCard',
+    props: ['icon', 'label', 'path'],
+    methods: {
+      toPage() {
+        this.$router.push(this.path)
+      }
     }
   }
-}
 </script>
 
 <style lang="less" scoped>
   .wx-card {
     width: 214px;
-    line-height: 88px;
+    line-height: 70px;
     text-align: center;
     background: rgba(182, 213, 255, 0.22);
     margin-left: 10px;
@@ -36,4 +41,13 @@ export default {
     align-items: center;
     cursor: pointer;
   }
+  .labelNull {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    .el-icon-circle-plus-outline {
+      font-size: 50px;
+      color: #F4F4F4;
+    }
+  }
 </style>