src/components/panel.vue
@@ -1,6 +1,10 @@ <template> <div class="panel"> <div class="inner"> <!-- 工具栏 --> <div class="tools"> <slot name="tools"></slot> </div> <!-- 标题 --> <div class="title">{{ title }}</div> <!-- 内容 --> @@ -160,6 +164,7 @@ background: radial-gradient(rgba(01, 31, 57, 0.25) 63%, #77eef7 280%); display: flex; flex-direction: column; position: relative; .title { height: 42px; text-align: center; @@ -171,6 +176,11 @@ .content { flex: 1; } .tools { position: absolute; top: 0; right: 0; } } } </style>