瀏覽代碼

全局样式完善

@dongkboy 1 年之前
父節點
當前提交
06aba3db41
共有 2 個文件被更改,包括 4 次插入1 次删除
  1. 二進制
      src/assets/images/decoration1.png
  2. 4 1
      src/layouts/components/Header/index.vue

二進制
src/assets/images/decoration1.png


+ 4 - 1
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 {