he wei
2023-12-06 74362878b01587845f6dadd9bdfda331848fed3e
src/components/panel.vue
@@ -6,10 +6,12 @@
        <slot name="tools"></slot>
      </div>
      <!-- 标题 -->
      <div class="title">{{ title }}</div>
      <div v-if="title" class="title">{{ title }}</div>
      <!-- 内容 -->
      <div class="content">
        <slot></slot>
      <div class="panel-content">
        <div class="pos-full">
          <slot></slot>
        </div>
      </div>
    </div>
  </div>
@@ -49,8 +51,8 @@
          circle farthest-side at 0% 100%,
          transparent 70%,
          rgba(0, 255, 255, 0.3) 70%,
          rgba(0, 255, 255, 3) 71%,
          rgba(0, 255, 255, 3) 95%,
          rgba(0, 255, 255, 3) 75%,
          rgba(0, 255, 255, 3) 91%,
          rgba(0, 255, 255, 0.3) 96%,
          transparent 96%,
          transparent
@@ -76,8 +78,8 @@
          circle farthest-side at 100% 0,
          transparent 70%,
          rgba(0, 255, 255, 0.3) 70%,
          rgba(0, 255, 255, 3) 71%,
          rgba(0, 255, 255, 3) 95%,
          rgba(0, 255, 255, 3) 75%,
          rgba(0, 255, 255, 3) 91%,
          rgba(0, 255, 255, 0.3) 96%,
          transparent 96%,
          transparent
@@ -103,8 +105,8 @@
          circle farthest-side at 100% 100%,
          transparent 70%,
          rgba(0, 255, 255, 0.3) 70%,
          rgba(0, 255, 255, 3) 71%,
          rgba(0, 255, 255, 3) 95%,
          rgba(0, 255, 255, 3) 75%,
          rgba(0, 255, 255, 3) 91%,
          rgba(0, 255, 255, 0.3) 96%,
          transparent 96%,
          transparent
@@ -130,8 +132,8 @@
          circle farthest-side at 0 0,
          transparent 70%,
          rgba(0, 255, 255, 0.3) 70%,
          rgba(0, 255, 255, 3) 71%,
          rgba(0, 255, 255, 3) 95%,
          rgba(0, 255, 255, 3) 75%,
          rgba(0, 255, 255, 3) 91%,
          rgba(0, 255, 255, 0.3) 96%,
          transparent 96%,
          transparent
@@ -165,6 +167,7 @@
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    .title {
      height: 42px;
      text-align: center;
@@ -173,8 +176,16 @@
      line-height: 42px;
      background: url("images/panel-title.png") 50% 50% / auto 100% no-repeat;
    }
    .content {
    .panel-content {
      flex: 1;
      position: relative;
      .pos-full {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
      }
    }
    .tools {
      position: absolute;