| | |
| | | <div class="node" v-if="isNode">节点</div> |
| | | </div> |
| | | </div> |
| | | <div class="status" v-if="problem" @click="clickHandler">?</div> |
| | | <div class="card-content"> |
| | | <slot></slot> |
| | | </div> |
| | |
| | | isNode: { |
| | | type: Boolean, |
| | | default: true |
| | | }, |
| | | problem: { |
| | | type: Boolean, |
| | | default: false |
| | | } |
| | | }, |
| | | components: { |
| | | marquee, |
| | | }, |
| | | methods: { |
| | | clickHandler() { |
| | | this.$emit('showinfo') |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | .card-content { |
| | | height: 86.57%; |
| | | } |
| | | |
| | | .status { |
| | | background: rgb(198, 198, 22); |
| | | width: 1.5rem; |
| | | height: 1.5rem; |
| | | border-radius: 50%; |
| | | position: absolute; |
| | | left: 6%; |
| | | top: 6%; |
| | | font-weight: bold; |
| | | color: #fff; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | cursor: pointer; |
| | | } |
| | | .tag { |
| | | // border: 1px solid #e95613; |
| | | border: 1px solid #2982f6; |