commit

src/pages/home/components/EnterCard.vue

@@ -1,9 +1,6 @@
 <template>
-  <div class="wx-card" @click="toPage">
+  <div @click="toPage">
     <div>
-      <div>
-        <i class="icon" :class="icon" />
-      </div>
       <div v-if="label">
         <span class="card-font">{{ label }}</span>
       </div>
@@ -30,16 +27,49 @@
 
 <style lang="less" scoped>
   .wx-card {
-    width: 214px;
     line-height: 70px;
     text-align: center;
-    background: rgba(182, 213, 255, 0.22);
-    margin-left: 10px;
+    background: #fff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     cursor: pointer;
+    padding-left: 10px;
+    & > div {
+      width: 100%;
+      height: 70px;
+      background-color: #E4E4E4;
+    }
+  }
+  .wx-card:hover {
+    & > div {
+      color: #fff;
+      background-color: #5ea9f6;
+    }
+  }
+  .wx-card1 {
+    line-height: 70px;
+    text-align: center;
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    padding-left: 10px;
+    & > div {
+      width: 100%;
+      height: 70px;
+      background: #fff;
+      border: 2px dashed #E4E4E4;
+      div {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+      }
+    }
   }
   .labelNull {
     height: 100%;
@@ -47,7 +77,7 @@
     align-items: center;
     .el-icon-circle-plus-outline {
       font-size: 50px;
-      color: #F4F4F4;
+      color: #E4E4E4;
     }
   }
 </style>