56 lines
838 B
Vue
56 lines
838 B
Vue
<!--
|
|
filename: detailGraph.vue
|
|
author: liubin
|
|
date: 2023-08-04 16:36:21
|
|
description: 图表
|
|
-->
|
|
|
|
<template>
|
|
<div class="cell">
|
|
<div class="title">
|
|
<span>
|
|
{{ title }}
|
|
</span>
|
|
</div>
|
|
<div class="content">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'DetailGraph',
|
|
components: {},
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: 'detail graph (echarts)',
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.cell {
|
|
// background: #cfcfcf;
|
|
border: 1px solid #cfcfcf;
|
|
border-radius: 8px;
|
|
padding: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.title > span {
|
|
display: inline-block;
|
|
padding: 4px 8px 4px 6px;
|
|
background: rgba(20, 145, 210, 0.155);
|
|
border-left: 4px solid rgba(20, 145, 210);
|
|
}
|
|
|
|
.content {
|
|
flex: 1;
|
|
// background-color: aquamarine;
|
|
}
|
|
</style>
|