From 76f11403b5e78ee68e7dab158ce3bdbd0dc6c7d5 Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Sat, 13 Apr 2019 10:08:49 +0800
Subject: [PATCH] Post thumb drawer.
---
src/views/post/PostEdit.vue | 14 +++++++++++++-
1 file changed, 13 insertions(+), 1 deletion(-)
diff --git a/src/views/post/PostEdit.vue b/src/views/post/PostEdit.vue
index 14b2d260..55afe795 100644
--- a/src/views/post/PostEdit.vue
+++ b/src/views/post/PostEdit.vue
@@ -94,12 +94,19 @@
<h3 class="post-setting-drawer-title">缩略图</h3>
<div class="post-setting-drawer-item">
<div class="post-thum">
- <img class="img" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png">
+ <img class="img" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png" @click="showAttachDrawer">
</div>
</div>
</div>
<a-divider/>
</div>
+ <a-drawer
+ title="选择图片"
+ width="320"
+ :closable="true"
+ :visible="childrenDrawer"
+ >
+ </a-drawer>
<div class="postControl">
<a-button style="marginRight: 8px" @click="handleDraftClick">保存草稿</a-button>
<a-button @click="handlePublishClick" type="primary">{{ publishText }}</a-button>
@@ -155,6 +162,7 @@ export default {
xs: { span: 24 }
},
visible: false,
+ childrenDrawer: false,
drawerWidth: '460',
tags: [],
categories: [],
@@ -233,6 +241,9 @@ export default {
showDrawer() {
this.visible = true
},
+ showAttachDrawer() {
+ this.childrenDrawer = true
+ },
handlePublishClick() {
this.postToStage.status = 'PUBLISHED'
this.createOrUpdatePost()
@@ -283,6 +294,7 @@ export default {
.post-thum .img {
width: 100%;
+ cursor: pointer;
}
.mavonEditor {