github
/
halo
mirror of https://github.com/halo-dev/halo
1
0
Fork 0
Code Issues Releases Wiki Activity

Fixed style error.

pull/3445/head
ruibaby 2019-04-21 00:09:57 +08:00
parent dd61e6cbe3
commit 0d3bebcf5a
6 changed files with 24 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/global.less
View File

@ -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;
}

12
src/views/attachment/AttachmentList.vue
View File

@ -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;
}

14
src/views/attachment/components/AttachmentDetailDrawer.vue
View File

@ -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>

19
src/views/attachment/components/AttachmentDrawer.vue
View File

@ -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;

19
src/views/attachment/components/AttachmentSelectDrawer.vue
View File

@ -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;

3
src/views/post/PostEdit.vue
View File

@ -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>