From 019990450fa60b31f3a055a4e1f3fc7609843291 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Mon, 17 Jan 2022 02:22:52 +0800
Subject: [PATCH] Aplayer/全局键盘监听
---
src/components/layouts/baseLayout.vue | 24 ++++++++++++++----------
1 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/src/components/layouts/baseLayout.vue b/src/components/layouts/baseLayout.vue
index d10c048..b344246 100644
--- a/src/components/layouts/baseLayout.vue
+++ b/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 {
--
Gitblit v1.9.1