|
|
@ -12,16 +12,16 @@ |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="bottom"> |
|
|
|
<div class="bottom" v-if="hasBtn"> |
|
|
|
<slot name="button"> |
|
|
|
<Button> |
|
|
|
<template #prefix> |
|
|
|
<img v-if="buttonIcon" :src="require(`@screen/${buttonIcon}`)" /> |
|
|
|
</template> |
|
|
|
{{ 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 { |
|
|
|