Bläddra i källkod

'添加左侧工具栏修改按钮'

zhangyu 4 år sedan
förälder
incheckning
46ed773979
2 ändrade filer med 19 tillägg och 0 borttagningar
  1. 18 0
      src/components/edit/left_toolbar.vue
  2. 1 0
      src/views/drafts.vue

+ 18 - 0
src/components/edit/left_toolbar.vue

@@ -73,6 +73,9 @@
     </a-popover>
 
     <!-- 打开弹窗 -->
+    <div class="drawer-close" v-show="visible" @click="onClose" :style="{opacity: visible? 1: 0, }">
+      <a-icon type="left" style="color: #8D9399;font-size: 10px" />
+    </div>
     <transition name="fade">
       <div class="drawer-model" id="drawer-model" v-show="visible">
         <a-drawer
@@ -609,6 +612,21 @@ export default {
   .fade-leave-to {
     transition: all 0.3s ease;
   }
+ 
+ 
+  .drawer-close {
+      width: 10px;
+      height: 20px;
+      position: absolute;
+      background-color: #E4E5E7;
+      top: 8px;
+      left: 350px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      transition: opacity 0s linear 0.3s;
+    }
   .drawer-model {
     position: absolute;
     left: 80px;

+ 1 - 0
src/views/drafts.vue

@@ -632,6 +632,7 @@ export default {
           top: 0;
           width: 200px;
           border-left: 1px solid #eff0f1;
+          background-color: #ffffff;
           height: 100%;
           overflow-y: scroll;
         }