添加标题

src/components/Scrollbar/src/Scrollbar.vue

@@ -1,6 +1,20 @@
 <template>
   <div class="scrollbar">
     <div ref="wrap" :class="[wrapClass, 'scrollbar__wrap', native ? '' : 'scrollbar__wrap--hidden-default']" :style="style" @scroll="handleScroll">
+      <div style="display: flex; justify-content: center; align-items: center">
+        <span
+          style="
+            font-size: 18px;
+            font-weight: 700;
+            transition: all 0.5s;
+            line-height: normal;
+            
+          "
+        >
+          英语四六级综合管理平台
+        </span>
+      </div>
+
       <component :is="tag" ref="resize" :class="['scrollbar__view', viewClass]" :style="viewStyle">
         <slot></slot>
       </component>
@@ -12,14 +26,14 @@
   </div>
 </template>
 <script lang="ts">
-  import { addResizeListener, removeResizeListener } from '/@/utils/event';
-  import componentSetting from '/@/settings/componentSetting';
-  const { scrollbar } = componentSetting;
-  import { toObject } from './util';
-  import { defineComponent, ref, onMounted, onBeforeUnmount, nextTick, provide, computed, unref } from 'vue';
-  import Bar from './bar';
+import { addResizeListener, removeResizeListener } from '/@/utils/event';
+import componentSetting from '/@/settings/componentSetting';
+const { scrollbar } = componentSetting;
+import { toObject } from './util';
+import { defineComponent, ref, onMounted, onBeforeUnmount, nextTick, provide, computed, unref } from 'vue';
+import Bar from './bar';
 
-  export default defineComponent({
+export default defineComponent({
   name: 'Scrollbar',
   // inheritAttrs: false,
   components: { Bar },
@@ -115,10 +129,10 @@
       handleScroll,
     };
   },
-  });
+});
 </script>
 <style lang="less">
-  .scrollbar {
+.scrollbar {
   position: relative;
   height: 100%;
   overflow: hidden;
@@ -182,12 +196,12 @@
       }
     }
   }
-  }
+}
 
-  .scrollbar:active > .scrollbar__bar,
-  .scrollbar:focus > .scrollbar__bar,
-  .scrollbar:hover > .scrollbar__bar {
+.scrollbar:active > .scrollbar__bar,
+.scrollbar:focus > .scrollbar__bar,
+.scrollbar:hover > .scrollbar__bar {
   opacity: 1;
   transition: opacity 340ms ease-out;
-  }
+}
 </style>