|
|
@@ -10,7 +10,7 @@
|
|
|
|
|
|
<el-form ref="formRef" :model="form" :rules="rules" label-position="top" class="editor-form">
|
|
|
<el-row :gutter="16">
|
|
|
- <el-col :span="24" :xs="24">
|
|
|
+ <el-col :span="8" :xs="24">
|
|
|
<el-form-item label="标题" prop="title">
|
|
|
<el-input v-model="form.title" placeholder="帖子标题（含期号）" />
|
|
|
</el-form-item>
|
|
|
@@ -36,8 +36,10 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" :loading="submitting" @click="handleSubmit">{{ isEdit ? '保存' : '创建' }}</el-button>
|
|
|
- <el-button @click="goBack">取消</el-button>
|
|
|
+ <div class="btn-row">
|
|
|
+ <el-button type="primary" :loading="submitting" @click="handleSubmit">{{ isEdit ? '保存' : '创建' }}</el-button>
|
|
|
+ <el-button @click="goBack">取消</el-button>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-card>
|
|
|
@@ -146,6 +148,15 @@ onMounted(() => loadPost())
|
|
|
.editor-form {
|
|
|
max-width: 900px;
|
|
|
}
|
|
|
+.quill-editor {
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.btn-row {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ gap: 12px;
|
|
|
+}
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
.post-editor {
|
