perf[markdown-editor]

PanJiaChen · PanJiaChen · commit d754eae66297 · 2018-01-29T14:45:43.000+08:00
diff --git a/src/components/MarkdownEditor/index.vue b/src/components/MarkdownEditor/index.vue
@@ -73,47 +73,44 @@ export default {
     })
   },
   destroyed() {
+    this.simplemde.toTextArea()
     this.simplemde = null
   }
 }
 </script>
 
-<style>
-.simplemde-container .CodeMirror {
+<style scoped>
+.simplemde-container>>>.CodeMirror {
   min-height: 150px;
+  line-height: 20px;
 }
 
-.simplemde-container .CodeMirror-scroll {
+.simplemde-container>>>.CodeMirror-scroll {
   min-height: 150px;
 }
 
-.simplemde-container .CodeMirror-code {
+.simplemde-container>>>.CodeMirror-code {
   padding-bottom: 40px;
 }
 
-.simplemde-container .editor-statusbar {
+.simplemde-container>>>.editor-statusbar {
   display: none;
 }
 
-.simplemde-container .CodeMirror .CodeMirror-code .cm-link {
-  color: #1482F0;
+.simplemde-container>>>.CodeMirror .CodeMirror-code .cm-link {
+  color: #1890ff;
 }
 
-.simplemde-container .CodeMirror .CodeMirror-code .cm-string.cm-url {
+.simplemde-container>>>.CodeMirror .CodeMirror-code .cm-string.cm-url {
   color: #2d3b4d;
-  font-weight: bold;
 }
 
-.simplemde-container .CodeMirror .CodeMirror-code .cm-formatting-link-string.cm-url {
+.simplemde-container>>>.CodeMirror .CodeMirror-code .cm-formatting-link-string.cm-url {
   padding: 0 2px;
-  font-weight: bold;
   color: #E61E1E;
 }
-
-.simplemde-container .editor-toolbar.fullscreen,
-.simplemde-container .CodeMirror-fullscreen {
+.simplemde-container >>> .editor-toolbar.fullscreen,
+.simplemde-container >>> .CodeMirror-fullscreen {
   z-index: 1003;
 }
 </style>
-
-

Original file line number	Diff line number	Diff line change
`@@ -73,47 +73,44 @@ export default {`
`73`	`73`	`})`
`74`	`74`	`},`
`75`	`75`	`destroyed() {`
	`76`	`+ this.simplemde.toTextArea()`
`76`	`77`	`this.simplemde = null`
`77`	`78`	`}`
`78`	`79`	`}`
`79`	`80`	`</script>`
`80`	`81`
`81`		`-<style>`
`82`		`-.simplemde-container .CodeMirror {`
	`82`	`+<style scoped>`
	`83`	`+.simplemde-container>>>.CodeMirror {`
`83`	`84`	`min-height: 150px;`
	`85`	`+ line-height: 20px;`
`84`	`86`	`}`
`85`	`87`
`86`		`-.simplemde-container .CodeMirror-scroll {`
	`88`	`+.simplemde-container>>>.CodeMirror-scroll {`
`87`	`89`	`min-height: 150px;`
`88`	`90`	`}`
`89`	`91`
`90`		`-.simplemde-container .CodeMirror-code {`
	`92`	`+.simplemde-container>>>.CodeMirror-code {`
`91`	`93`	`padding-bottom: 40px;`
`92`	`94`	`}`
`93`	`95`
`94`		`-.simplemde-container .editor-statusbar {`
	`96`	`+.simplemde-container>>>.editor-statusbar {`
`95`	`97`	`display: none;`
`96`	`98`	`}`
`97`	`99`
`98`		`-.simplemde-container .CodeMirror .CodeMirror-code .cm-link {`
`99`		`- color: #1482F0;`
	`100`	`+.simplemde-container>>>.CodeMirror .CodeMirror-code .cm-link {`
	`101`	`+ color: #1890ff;`
`100`	`102`	`}`
`101`	`103`
`102`		`-.simplemde-container .CodeMirror .CodeMirror-code .cm-string.cm-url {`
	`104`	`+.simplemde-container>>>.CodeMirror .CodeMirror-code .cm-string.cm-url {`
`103`	`105`	`color: #2d3b4d;`
`104`		`- font-weight: bold;`
`105`	`106`	`}`
`106`	`107`
`107`		`-.simplemde-container .CodeMirror .CodeMirror-code .cm-formatting-link-string.cm-url {`
	`108`	`+.simplemde-container>>>.CodeMirror .CodeMirror-code .cm-formatting-link-string.cm-url {`
`108`	`109`	`padding: 0 2px;`
`109`		`- font-weight: bold;`
`110`	`110`	`color: #E61E1E;`
`111`	`111`	`}`
`112`		`-`
`113`		`-.simplemde-container .editor-toolbar.fullscreen,`
`114`		`-.simplemde-container .CodeMirror-fullscreen {`
	`112`	`+.simplemde-container >>> .editor-toolbar.fullscreen,`
	`113`	`+.simplemde-container >>> .CodeMirror-fullscreen {`
`115`	`114`	`z-index: 1003;`
`116`	`115`	`}`
`117`	`116`	`</style>`
`118`		`-`
`119`		`-`