qbism/qb-admin-fe
1
0
Fork 0
forked from AkkomaGang/admin-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

refine[Example]: refine style

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/Tinymce/index.vue
View file

@ -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;

24
src/views/example/components/ArticleDetail.vue
View file

@ -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;