From f5539f069b7e485ab160cdce668f232b19533a1c Mon Sep 17 00:00:00 2001 From: lijh <lijh> Date: Mon, 17 Jan 2022 18:45:19 +0800 Subject: [PATCH] 日志添加组件 --- src/components/swichLabel/main1-show.vue | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 51 insertions(+), 9 deletions(-) diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue index b53280b..15a592b 100644 --- a/src/components/swichLabel/main1-show.vue +++ b/src/components/swichLabel/main1-show.vue @@ -2,35 +2,50 @@ <div> <div class="blog-drawer"> <a-drawer placement="left" :closable="false" :visible="visible1" :getContainer="'body'" - :after-visible-change="afterVisibleChange" @close="onClose1" :zIndex="10" :width=270 + :after-visible-change="afterVisibleChange" @close="onClose1" :zIndex="90" :width=270 :bodyStyle="{padding:'0px'}" :wrapStyle="{padding:'0px',top:'60px'}"> <boxLeft></boxLeft> </a-drawer> <a-drawer placement="right" :closable="false" :visible="visible2" :getContainer="'body'" - :after-visible-change="afterVisibleChange" @close="onClose2" :zIndex="10" :width=270 + :after-visible-change="afterVisibleChange" @close="onClose2" :zIndex="90" :width=270 :bodyStyle="{padding:'0px'}" :wrapStyle="{padding:'0px',top:'60px'}"> <boxRight></boxRight> </a-drawer> + + <a-modal v-model="visible" title="日志添加" on-ok="handleOk" > + <template slot="footer"> + <a-button key="back" @click="handleCancel"> + 暂缓 + </a-button> + <a-button key="submit" type="primary" :loading="loading" @click="handleOk"> + 完事.. + </a-button> + </template> + <box10 ref="modal" ></box10> + </a-modal> + </div> <div class="blog-main"> - - <a-row> <a-col v-bind="colApiLeft"> <boxLeft></boxLeft> </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-button @click="showModal"> + 日志 + <a-icon type="plus-circle" style="margin-left: 0px;"/> + </a-button> + <router-view class="fade"></router-view> </a-col> - + <a-col v-bind="colApiRight" ref="myDrawer"> <boxRight></boxRight> </a-col> @@ -41,18 +56,39 @@ </template> <script> + import box10 from "../mini/box10-add.vue" import boxLeft from "../group/boxLeft.vue" import boxRight from "../group/boxRight.vue" import articleList from "../group/articleList.vue" + import articleListScorll from "../group/articleListScorll.vue" export default { components: { + box10, boxLeft, boxRight, - articleList + articleList, + articleListScorll, + + }, methods: { + showModal() { + this.visible = true; + }, + handleOk(e) { + console.log(this.$refs.modal.form); + + this.loading = true; + setTimeout(() => { + this.visible = false; + this.loading = false; + }, 3000); + }, + handleCancel(e) { + this.visible = false; + }, afterVisibleChange(val) {}, showDrawer1() { this.visible1 = true; @@ -69,6 +105,8 @@ }, data() { return { + loading: false, + visible: false, visible1: false, visible2: false, colApiLeft: { @@ -141,6 +179,10 @@ border-radius: 15px; } + .holdHeight { + min-height: 780px; + } + .article-detail { max-height: 750px; overflow: overlay; @@ -155,7 +197,7 @@ /*左右两边的盒子容器*/ .blog-cell { opacity: 0.8; - padding: 0px 25px 10px; + padding: 0px 14px 10px; } /*左边部分*/ -- Gitblit v1.9.1