From feaf0a9778879ef211c5587a513ba4cbdabb52d0 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期四, 23 六月 2022 17:42:58 +0800
Subject: [PATCH] bug修复

---
 src/pages/internetEquipment/components/headCard.vue |  111 +++++++++++++++++++++++++++----------------------------
 1 files changed, 55 insertions(+), 56 deletions(-)

diff --git a/src/pages/internetEquipment/components/headCard.vue b/src/pages/internetEquipment/components/headCard.vue
index 9159c44..4738c7a 100644
--- a/src/pages/internetEquipment/components/headCard.vue
+++ b/src/pages/internetEquipment/components/headCard.vue
@@ -1,74 +1,73 @@
 <template>
   <div class="head-card">
-      <div class="card-left">
-          <div class="number" :style="colorStyle">{{number}}</div>
-          <div class="info">{{info}}</div>
-      </div>
-      <div class="card-right icon iconfont">&#xe743;</div>
+    <div class="card-left">
+      <div class="number" :style="colorStyle">{{ number }}</div>
+      <div class="info">{{ info }}</div>
+    </div>
+    <img class="card-right" :src="src" alt="" />
   </div>
 </template>
 
 <script>
 export default {
-    props: {
-        number: {
-            require: true
-        },
-        info: {
-            require: true
-        },
-        icon: {
-            require: true
-        },
-        color: {
-            require: true
-        }
+  props: {
+    number: {
+      require: true,
     },
-    data (){
-        return {
-            
-        }
+    info: {
+      require: true,
     },
-    computed: {
-        colorStyle (){
-            return {
-                "--color":this.color
-            }
-        }
-    }
-}
+    icon: {
+      require: true,
+    },
+    color: {
+      require: true,
+    },
+    src: {
+      require: true,
+    },
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    colorStyle() {
+      return {
+        "--color": this.color,
+      };
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
 .head-card {
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 20px;
-    width: 187px;
-    height: 90px;
-    background: #FFFFFF;
-    box-shadow: 0px 2px 10px rgba(141, 164, 187, 0.25);
-    border-radius: 15px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px 2%;
+  width: 187px;
+  height: 90px;
+  background: #ffffff;
+  box-shadow: 0px 2px 10px rgba(141, 164, 187, 0.25);
+  border-radius: 15px;
 
-    .card-left {
-        .number {
-            font-size: 24px;
-            font-weight: 700;
-            color: var(--color);
-        }
-        .info {
-            font-size: 12px;
-            color: #4F4F4F;
-;
-        }
+  .card-left {
+    .number {
+      font-size: 24px;
+      font-weight: 700;
+      color: var(--color);
     }
-
-    .card-right {
-        font-size: 58px;
-        color: var(--color);
-
+    .info {
+      font-size: 12px;
+      color: #4f4f4f;
     }
+  }
+
+  .card-right {
+    width: 58px;
+    height: 58px;
+  }
 }
 </style>
\ No newline at end of file

--
Gitblit v1.8.0