Fixed style error.

src/components/global.less

@@ -544,4 +544,16 @@ body {
       }
     }
   }
+}
+
+.bottom-control {
+  position: absolute;
+  bottom: 0px;
+  width: 100%;
+  border-top: 1px solid rgb(232, 232, 232);
+  padding: 10px 16px;
+  text-align: right;
+  left: 0px;
+  background: rgb(255, 255, 255);
+  border-radius: 0px 0px 4px 4px;
 }

src/views/attachment/AttachmentList.vue

@@ -214,18 +214,6 @@ export default {
   width: 100%;
 }
 
-.attachment-control {
-  position: absolute;
-  bottom: 0px;
-  width: 100%;
-  border-top: 1px solid rgb(232, 232, 232);
-  padding: 10px 16px;
-  text-align: right;
-  left: 0px;
-  background: rgb(255, 255, 255);
-  border-radius: 0px 0px 4px 4px;
-}
-
 .table-operator {
   margin-bottom: 0;
 }

src/views/attachment/components/AttachmentDetailDrawer.vue

@@ -78,7 +78,8 @@
         </a-skeleton>
       </a-col>
     </a-row>
-    <div class="attachment-control">
+    <a-divider/>
+    <div class="bottom-control">
       <a-popconfirm title="你确定要删除该附件？" @confirm="deleteAttachment" okText="确定" cancelText="取消">
         <a-button type="danger">删除</a-button>
       </a-popconfirm>
@@ -185,15 +186,4 @@ export default {
 .attach-detail-img img {
   width: 100%;
 }
-.attachment-control {
-  position: absolute;
-  bottom: 0px;
-  width: 100%;
-  border-top: 1px solid rgb(232, 232, 232);
-  padding: 10px 16px;
-  text-align: right;
-  left: 0px;
-  background: rgb(255, 255, 255);
-  border-radius: 0px 0px 4px 4px;
-}
 </style>

src/views/attachment/components/AttachmentDrawer.vue

@@ -25,7 +25,7 @@
         <a-skeleton
           active
           :loading="skeletonLoading"
-          :paragraph="{ rows: 8 }"
+          :paragraph="{ rows: 18 }"
         >
           <a-col :span="24">
             <div
@@ -57,7 +57,8 @@
         :attachment="selectedAttachment"
         @delete="handleDelete"
       />
-      <div class="attachment-control">
+      <a-divider/>
+      <div class="bottom-control">
         <a-button
           @click="showUploadModal"
           type="primary"
@@ -117,7 +118,7 @@ export default {
       skeletonLoading: true,
       pagination: {
         page: 1,
-        size: 20,
+        size: 10,
         sort: ''
       },
       attachments: [],
@@ -179,18 +180,6 @@ export default {
 </script>
 
 <style scope>
-.attachment-control {
-  position: absolute;
-  bottom: 0px;
-  width: 100%;
-  border-top: 1px solid rgb(232, 232, 232);
-  padding: 10px 16px;
-  text-align: right;
-  left: 0px;
-  background: rgb(255, 255, 255);
-  border-radius: 0px 0px 4px 4px;
-}
-
 .post-thum .img {
   width: 100%;
   cursor: pointer;

src/views/attachment/components/AttachmentSelectDrawer.vue

@@ -13,7 +13,7 @@
       </a-row>
       <a-divider/>
       <a-row type="flex" align="middle">
-        <a-skeleton active :loading="skeletonLoading" :paragraph="{ rows: 8 }">
+        <a-skeleton active :loading="skeletonLoading" :paragraph="{ rows: 18 }">
           <a-col :span="24">
             <div class="attach-item" v-for="(item, index) in attachments" :key="index" @click="selectAttachment(item)">
               <img :src="item.thumbPath">
@@ -29,7 +29,8 @@
           @change="handlePaginationChange"
         ></a-pagination>
       </a-row>
-      <div class="attachment-control">
+      <a-divider/>
+      <div class="bottom-control">
         <a-button @click="showUploadModal" type="primary">上传附件</a-button>
       </div>
     </a-drawer>
@@ -81,7 +82,7 @@ export default {
       skeletonLoading: true,
       pagination: {
         page: 1,
-        size: 20,
+        size: 10,
         sort: ''
       },
       attachments: [],
@@ -140,18 +141,6 @@ export default {
 </script>
 
 <style scope>
-.attachment-control {
-  position: absolute;
-  bottom: 0px;
-  width: 100%;
-  border-top: 1px solid rgb(232, 232, 232);
-  padding: 10px 16px;
-  text-align: right;
-  left: 0px;
-  background: rgb(255, 255, 255);
-  border-radius: 0px 0px 4px 4px;
-}
-
 .post-thum .img {
   width: 100%;
   cursor: pointer;

src/views/post/PostEdit.vue

@@ -95,7 +95,8 @@
             <a-divider/>
           </div>
           <AttachmentSelectDrawer v-model="childDrawerVisible" @listenToSelect="selectPostThumb" :drawerWidth="460"/>
-          <div class="post-control">
+          <a-divider />
+          <div class="bottom-control">
             <a-button style="marginRight: 8px" @click="handleDraftClick">保存草稿</a-button>
             <a-button @click="handlePublishClick" type="primary">{{ publishText }}</a-button>
           </div>