bigscreen style fixed

components/layout/AiDvPanel/AiDvPanel.vue

@@ -26,10 +26,12 @@ import border11 from "./borders/border11";
 import border12 from "./borders/border12";
 import border13 from "./borders/border13";
 import Border14 from "./borders/border14.vue";
+import Border15 from "./borders/border15.vue";
 
 export default {
   name: "AiDvPanel",
   components: {
+    Border15,
     Border14,
     Border0,
     Border1,

components/layout/AiDvPanel/borders/border13.vue

@@ -21,6 +21,7 @@ export default {
 <style lang="scss" scoped>
 .border13 {
   height: 100%;
+  background: #7583900f;
 
   .border13-title {
     display: flex;

components/layout/AiDvPanel/borders/border15.vue

@@ -0,0 +1,33 @@
+<template>
+  <section class="border15">
+    <h2>{{ title }}</h2>
+    <div class="slot">
+      <slot/>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  name: 'border15',
+  props: ['title', 'theme']
+}
+</script>
+
+<style lang="scss" scoped>
+.border15 {
+  height: 100%;
+
+  h2 {
+    font-size: 14px;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 10px;
+    background-image: linear-gradient(270deg, rgba(31, 67, 102, 0), rgba(31, 78, 102, 0.4));
+    margin-bottom: 12px;
+  }
+
+  .slot {
+    height: calc(100% - 68px);
+  }
+}
+</style>