优化样式

src/components/LTTC/TaskList/MoveTaskList.vue

@@ -114,8 +114,8 @@ export default {
             e.preventDefault()
             this.menuData = record
             this.menuVisible = true
-            this.menuStyle.top = e.clientY  + 'px'
-            this.menuStyle.left = e.clientX -1530 + 'px'
+            this.menuStyle.top = e.clientY -220  + 'px'
+            this.menuStyle.left = e.clientX -1600 + 'px'
             document.body.addEventListener('mousedown', this.bodyClick)
           },
         },

src/components/LTTC/TaskList/TaskList.vue

@@ -125,8 +125,8 @@ export default {
             e.preventDefault()
             this.menuData = record
             this.menuVisible = true
-            this.menuStyle.top = e.clientY - 70 + 'px'
-            this.menuStyle.left = e.clientX - 260 + 'px'
+            this.menuStyle.top = e.clientY - 90 + 'px'
+            this.menuStyle.left = e.clientX - 280 + 'px'
             document.body.addEventListener('mousedown', this.bodyClick)
           },
         },

src/views/task/personal/OneDayForMe.vue

@@ -7,7 +7,7 @@
     </template>
 
     <a-layout>
-      <a-layout-content style="height:100%;background-color:white">
+      <a-layout-content style="height:100%;background-color:white;padding: 20px;">
         <div style="display: inline-block;float: right;">
           <a-button type="link" icon="swap">
             排序
@@ -39,17 +39,17 @@
         <task-details ref="taskDetails" v-show="taskconfig" :taskInfo="taskInfo" @collapseSider="closeConfig"></task-details>
         <a-card title="建议" style="width:300px;" v-show="taskdrawer">
           <div slot="extra">
-            <a-button size="small" icon="close" @click="closeDrawer"></a-button>
+            <a-button type="link" size="small" icon="close" @click="closeDrawer" ghost></a-button>
           </div>
-          <div v-if="yesterdayTask.length!=0">
+          <div v-if="yesterdayTask.length!=0" style="padding-bottom: 10px;">
             <h4><strong>昨天</strong></h4>
             <move-task-list :taskdata="yesterdayTask" />
           </div>
-          <div v-if="beforeTask.length!=0">
+          <div v-if="beforeTask.length!=0" style="padding-bottom: 10px;">
             <h4><strong>先前</strong></h4>
             <move-task-list :taskdata="beforeTask" />
           </div>
-          <div v-if="latelyTask.length!=0">
+          <div v-if="latelyTask.length!=0" style="padding-bottom: 10px;">
             <h4><strong>最近添加</strong></h4>
             <move-task-list :taskdata="latelyTask" />
           </div>
@@ -339,6 +339,5 @@ export default {
   background-color: white;
  } >>> .ant-collapse-content .ant-collapse-content-box {
   padding: 0px;
- 
 }
 </style>