refine[Example]: refine style
This commit is contained in:
parent
c2a2fec067
commit
1b394ae417
|
@ -185,6 +185,7 @@ export default {
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.tinymce-container {
|
.tinymce-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
line-height: normal;
|
||||||
}
|
}
|
||||||
.tinymce-container>>>.mce-fullscreen {
|
.tinymce-container>>>.mce-fullscreen {
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
|
|
|
@ -60,15 +60,12 @@
|
||||||
<span v-show="contentShortLength" class="word-counter">{{ contentShortLength }}字</span>
|
<span v-show="contentShortLength" class="word-counter">{{ contentShortLength }}字</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item prop="content">
|
<el-form-item prop="content" style="margin-bottom: 30px;">
|
||||||
<div class="editor-container">
|
<Tinymce ref="editor" :height="400" v-model="postForm.content" />
|
||||||
<Tinymce ref="editor" :height="400" v-model="postForm.content" />
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item prop="image_uri">
|
|
||||||
<div style="margin-bottom: 20px;">
|
<el-form-item prop="image_uri" style="margin-bottom: 30px;">
|
||||||
<Upload v-model="postForm.image_uri" />
|
<Upload v-model="postForm.image_uri" />
|
||||||
</div>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
@ -250,17 +247,6 @@ export default {
|
||||||
float: left;
|
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 {
|
.word-counter {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
|
Loading…
Reference in New Issue