src/components/layouts/baseLayout.vue

@@ -1,12 +1,14 @@
<template>
   <a-layout>
      <a-layout-header class="scrolling-navbar"  :style="{position:'fixed',height:'60px',marginBottom:'35px',zIndex: 999, width: '100%' }">
         <tag-Header  />
      <a-layout-header class="scrolling-navbar"
         :style="{position:'fixed',height:'60px',marginBottom:'35px',zIndex: 999, width: '100%' }">
         <tag-Header />
      </a-layout-header>

      <router-view ></router-view>

      <a-layout-footer>
         <AplayerBox />
         <tagFooter />
      </a-layout-footer>
   </a-layout>
@@ -15,10 +17,12 @@
<script>
   import tagHeader from "../fixed/header.vue"
   import tagFooter from "../fixed/footer.vue"
   import AplayerBox from "../mini/Aplayer.vue"
   export default {
      components: {
         tagHeader,
         tagFooter,
         AplayerBox,
      },
      data() {
         return {
@@ -26,7 +30,7 @@
         }
      },
      methods: {

		
         // 下载文件
         down: function() {
            console.log(111);
@@ -60,11 +64,11 @@
      .ant-layout {}

      .ant-layout-header {
			

         // background-color: #ffffff;
         backdrop-filter: saturate(180%) blur(1em);
         -webkit-backdrop-filter: blur(5px);	
			
         -webkit-backdrop-filter: blur(5px);

         background: linear-gradient(90deg, rgba(247, 149, 51, 0.101961) 0, rgba(243, 112, 85, 0.101961) 15%, rgba(239, 78, 123, 0.101961) 30%, rgba(161, 102, 171, 0.101961) 44%, rgba(80, 115, 184, 0.101961) 58%, rgba(16, 152, 173, 0.101961) 72%, rgba(7, 179, 155, 0.101961) 86%, rgba(109, 186, 130, 0.101961) 100%);
      }

@@ -92,11 +96,11 @@
      letter-spacing: 0.8px;
      line-height: 22px;
   }
	

   .scrolling-navbar {
       will-change: background, padding,height;
       -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
       transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
      will-change: background, padding, height;
      -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
      transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
   }

   .fade {