全局样式完善

src/layouts/components/Header/index.vue

@@ -61,7 +61,7 @@ function handlerMouserScroll(event: WheelEvent) {
   </Transition>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
 header {
   position: fixed;
   top: 0;
@@ -113,6 +113,9 @@ header {
       height: 100%;
       padding: 0 20px;
       overflow-x: auto;
+      background-image: url("../../../assets/images/decoration1.png");
+      background-repeat: no-repeat; /* 防止背景图片重复 */
+      background-position: center; /* 将背景图片居中 */
       mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent);
 
       .menu {