card1 加 隐藏 button 方法

ruoyi-ui/src/views/JiHeExpressway/components/Card1/index.vue

@@ -12,16 +12,16 @@
       </p>
     </div>
 
-    <div class="bottom">
+    <div class="bottom" v-if="hasBtn">
-      <Button>
+      <slot name="button">
-        <template #prefix>
+        <Button>
-          <img v-if="buttonIcon" :src="require(`@screen/${buttonIcon}`)" />
+          <template #prefix>
-        </template>
+            <img v-if="buttonIcon" :src="require(`@screen/${buttonIcon}`)" />
-        {{ buttonText }}
+          </template>
-      </Button>
+          {{ buttonText }}
+        </Button>
+      </slot>
     </div>
-
-    <!-- background: linear-gradient(180deg, #E24631 0%, rgba(226,70,49,0) 100%); -->
     <div class="status" :style="{ background: 'linear-gradient(123deg, #00B3CC 0%, rgba(0, 179, 204, 0) 100%)' }">
       <!-- <span class="text">告警</span> -->
       <span class="text">正常</span>
@@ -87,6 +87,10 @@ export default {
       type: String,
       default: "6px"
     },
+    hasBtn: {
+      type: Boolean,
+      default: true
+    }
   },
   data() {
     return {