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/main1-show.vue | 44 ++++++++++++++++++++++++++++++++++++++++----
1 files changed, 40 insertions(+), 4 deletions(-)
diff --git a/src/components/layouts/main1-show.vue b/src/components/layouts/main1-show.vue
index 6bdab98..c2f86b3 100644
--- a/src/components/layouts/main1-show.vue
+++ b/src/components/layouts/main1-show.vue
@@ -3,12 +3,27 @@
<a-row>
<a-col v-bind="colApiLeft">
<boxLeft></boxLeft>
+ <a-drawer placement="left" :closable="false" :visible="visible1"
+ :after-visible-change="afterVisibleChange" @close="onClose1">
+ <boxLeft></boxLeft>
+ </a-drawer>
</a-col>
<a-col v-bind="colApiMain ">
+ <a-button @click="showDrawer1">
+ 小抽屉1
+ </a-button>
+ <a-button @click="showDrawer2">
+ 小抽屉2
+ </a-button>
<router-view></router-view>
</a-col>
- <a-col v-bind="colApiRight">
+ <a-col v-bind="colApiRight" ref="myDrawer">
<boxRight></boxRight>
+
+ <a-drawer placement="right" :closable="false" :visible="visible2"
+ :after-visible-change="afterVisibleChange" @close="onClose2">
+ <boxRight></boxRight>
+ </a-drawer>
</a-col>
</a-row>
</div>
@@ -24,9 +39,27 @@
boxRight,
box6
},
+ methods: {
+ afterVisibleChange(val) {
+ },
+ showDrawer1() {
+ this.visible1 = true;
+ },
+ showDrawer2() {
+ this.visible2 = true;
+ },
+ onClose1() {
+ this.visible1 = false;
+ },
+ onClose2() {
+ this.visible2 = false;
+ },
+ },
data() {
return {
+ visible1: false,
+ visible2: false,
sliderApi: {
collapsible: true, //是否可收起
@@ -67,15 +100,16 @@
background-color: white;
border-radius: 15px;
}
-
+
.article-detail {
max-height: 750px;
overflow: overlay;
}
-
+
.blog-main {
padding-left: 5%;
padding-right: 5%;
+ padding-top: 80px;
}
/*左右两边的盒子容器*/
@@ -141,7 +175,9 @@
padding-top: 10px;
padding-bottom: 20px;
overflow: hidden;
- box-shadow: 1px 1px 1px 2px #1196c459
+ -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
+ box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
+ // box-shadow: 1px 1px 1px 2px #00000059
}
.show-line {
--
Gitblit v1.9.1