From d629d9ee09eb91be19fd21f04f78a89f7d837c3a Mon Sep 17 00:00:00 2001
From: lijh <lijh>
Date: Fri, 14 Jan 2022 18:28:26 +0800
Subject: [PATCH] 样式调整
---
src/components/layouts/main.vue | 38 ++++++++++++++++++++++++++++++++------
1 files changed, 32 insertions(+), 6 deletions(-)
diff --git a/src/components/layouts/main.vue b/src/components/layouts/main.vue
index 264591e..66f377e 100644
--- a/src/components/layouts/main.vue
+++ b/src/components/layouts/main.vue
@@ -1,8 +1,8 @@
<template>
- <div id="components-layout-basic" >
+ <div id="components-layout-basic">
<a-layout>
- <a-layout-header>
- <tag-Header ></tag-Header>
+ <a-layout-header :style="{ position: 'fixed', zIndex: 999, width: '100%' }">
+ <tag-Header></tag-Header>
</a-layout-header>
<a-layout>
<router-view class="fade"></router-view>
@@ -29,8 +29,33 @@
}
},
-
+ methods: {
+ // 下载文件
+ down: function() {
+ console.log(111);
+ this.$axios({
+ "url": "http://192.168.40.149:9000/test2/save/%E6%B5%8B%E8%AF%95%E9%83%A8/%E6%96%87%E4%BB%B6%E7%BB%84/OIP-C.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin/20220113/us-east-1/s3/aws4_request&X-Amz-Date=20220113T085350Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=36db32d3fe577716ada0655379327e837efdfd3a133be6051281ae9eaad8e04f",
+ "method": "get",
+ "responseType": "blob"
+
+ }).then((res) => {
+
+ let blob = new Blob([res.data], {
+ type: "application/octet-stream"
+ });
+ let url = window.URL.createObjectURL(blob)
+ let link = document.createElement('a')
+ link.download="inleft.jpg"
+
+ link.style.display = 'none'
+ link.href = url
+ document.body.appendChild(link)
+ link.click()
+ })
+ }
+
+ }
}
</script>
@@ -43,8 +68,9 @@
.ant-layout {}
.ant-layout-header {
- margin-bottom: 15px;
- background-color: #ffffff;
+ // background-color: #ffffff;
+ backdrop-filter: saturate(180%) blur(1em);
+ 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%);
}
.ant-layout-footer {
--
Gitblit v1.9.1