perf: optimize the PostSettingModel component style (halo-dev/console#470)

Signed-off-by: Ryan Wang <i@ryanc.cc>
pull/3445/head
Ryan Wang 2022-02-25 17:49:25 +08:00 committed by GitHub
parent 34b7c7ab00
commit 3c5550a5db
1 changed files with 15 additions and 16 deletions

View File

@ -80,21 +80,20 @@
<a-input-password v-model="form.model.password" autocomplete="new-password" /> <a-input-password v-model="form.model.password" autocomplete="new-password" />
</a-form-item> </a-form-item>
<a-form-item label="封面图:"> <a-form-item label="封面图:">
<div class="post-thumb"> <a-space direction="vertical">
<a-space direction="vertical"> <img
<img :src="form.model.thumbnail || '/images/placeholder.jpg'"
:src="form.model.thumbnail || '/images/placeholder.jpg'" alt="Post cover thumbnail"
alt="Post cover thumbnail" class="w-1/2 cursor-pointer"
class="img" style="border-radius: 4px"
@click="attachmentSelectVisible = true" @click="attachmentSelectVisible = true"
/> />
<a-input <a-input
v-model="form.model.thumbnail" v-model="form.model.thumbnail"
allow-clear allow-clear
placeholder="点击封面图选择图片,或者输入外部链接" placeholder="点击封面图选择图片,或者输入外部链接"
></a-input> ></a-input>
</a-space> </a-space>
</div>
</a-form-item> </a-form-item>
</a-form> </a-form>
</a-tab-pane> </a-tab-pane>
@ -125,7 +124,6 @@
</div> </div>
<template slot="footer"> <template slot="footer">
<slot name="extraFooter" /> <slot name="extraFooter" />
<a-button :disabled="loading" @click="modalVisible = false"> 关闭</a-button>
<ReactiveButton <ReactiveButton
v-if="!form.model.id" v-if="!form.model.id"
:errored="form.draftSaveErrored" :errored="form.draftSaveErrored"
@ -146,6 +144,7 @@
@callback="handleSavedCallback" @callback="handleSavedCallback"
@click="handleCreateOrUpdate()" @click="handleCreateOrUpdate()"
></ReactiveButton> ></ReactiveButton>
<a-button :disabled="loading" @click="modalVisible = false">关闭</a-button>
</template> </template>
<AttachmentSelectModal <AttachmentSelectModal
:multiSelect="false" :multiSelect="false"