refine[Example]: refine style

src/components/Tinymce/index.vue

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

src/views/example/components/ArticleDetail.vue

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