he wei
2023-11-29 baaee5d47dd0e1ec4e9519a4858418cc36bdc0ab
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>