Resolve mavon-editor style bug involving antd style

src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <a-locale-provider :locale="locale">
     <div id="app">
-      <router-view />
+      <router-view/>
     </div>
   </a-locale-provider>
 </template>
@@ -38,6 +38,7 @@ export default {
   }
 }
 </script>
+
 <style>
 #app {
   height: 100%;

src/core/use.js

@@ -7,6 +7,7 @@ import Antd from 'ant-design-vue'
 import Viser from 'viser-vue'
 import VueCropper from 'vue-cropper'
 import 'ant-design-vue/dist/antd.less'
+import '../style/main.less'
 
 // ext library
 import VueClipboard from 'vue-clipboard2'

src/style/main.less

@@ -0,0 +1,4 @@
+button,
+html [type='button'] {
+  -webkit-appearance: none;
+}

src/views/post/PostEdit.vue

@@ -15,16 +15,9 @@
           <a-button type="primary" @click="showAttachDrawer">附件库</a-button>
         </a-card>
 
-        <a-card>
-          <div id="editor">
-            <mavon-editor
-              :toolbars="markdownOption"
-              v-model="postToStage.originalContent"
-              :boxShadow="false"
-              :ishljs="true"
-            />
-          </div>
-        </a-card>
+        <div id="editor">
+          <mavon-editor v-model="postToStage.originalContent" :boxShadow="false" :ishljs="true"/>
+        </div>
       </a-col>
 
       <a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
@@ -412,12 +405,8 @@ export default {
   }
 }
 </script>
-<style scoped>
-#editor {
-  margin: auto;
-  width: 100%;
-}
 
+<style scoped>
 .v-note-wrapper {
   z-index: 1000;
 }
@@ -451,11 +440,6 @@ export default {
   cursor: pointer;
 }
 
-.mavonEditor {
-  width: 100%;
-  height: 560px;
-}
-
 .attach-item {
   width: 50%;
   margin: 0 auto;