refine[Example]: refine style

This commit is contained in:
Pan 2018-12-20 15:01:22 +08:00
parent c2a2fec067
commit 1b394ae417
2 changed files with 6 additions and 19 deletions

View file

@ -185,6 +185,7 @@ export default {
<style scoped>
.tinymce-container {
position: relative;
line-height: normal;
}
.tinymce-container>>>.mce-fullscreen {
z-index: 10000;

View file

@ -60,15 +60,12 @@
<span v-show="contentShortLength" class="word-counter">{{ contentShortLength }}</span>
</el-form-item>
<el-form-item prop="content">
<div class="editor-container">
<Tinymce ref="editor" :height="400" v-model="postForm.content" />
</div>
<el-form-item prop="content" style="margin-bottom: 30px;">
<Tinymce ref="editor" :height="400" v-model="postForm.content" />
</el-form-item>
<el-form-item prop="image_uri">
<div style="margin-bottom: 20px;">
<Upload v-model="postForm.image_uri" />
</div>
<el-form-item prop="image_uri" style="margin-bottom: 30px;">
<Upload v-model="postForm.image_uri" />
</el-form-item>
</div>
</el-form>
@ -250,17 +247,6 @@ export default {
float: left;
}
}
.editor-container {
min-height: 500px;
margin: 0 0 30px;
.editor-upload-btn-container {
text-align: right;
margin-right: 10px;
.editor-upload-btn {
display: inline-block;
}
}
}
}
.word-counter {
width: 40px;