zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

perf[json-editor]:refine css

This commit is contained in:
Pan 2018-01-11 11:28:14 +08:00
parent de3b29b5f3
commit 2c147649ba
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/JsonEditor/index.vue
View File

@ -53,11 +53,16 @@ export default {
} }
</script> </script>
<style> <style scoped>
.CodeMirror { .json-editor{
height: 100%; height: 100%;
position: relative;
} }
.json-editor .cm-s-rubyblue span.cm-string { .json-editor >>> .CodeMirror {
height: auto;
min-height: 300px;
}
.json-editor >>> .cm-s-rubyblue span.cm-string {
color: #F08047; color: #F08047;
} }
</style> </style>

4
src/styles/index.scss
View File

@ -140,10 +140,6 @@ code {
margin-top: 30px; margin-top: 30px;
} }
.editor-container .CodeMirror {
height: 100%!important;
}
.text-center { .text-center {
text-align: center text-align: center
} }

2
src/views/components-demo/jsonEditor.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="components-container" style="height:100vh"> <div class="components-container">
<code>JsonEditor is base on <a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirrorr</a> , lint base on json-lint </code> <code>JsonEditor is base on <a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirrorr</a> , lint base on json-lint </code>
<div class="editor-container"> <div class="editor-container">
<json-editor ref="jsonEditor" v-model="value"></json-editor> <json-editor ref="jsonEditor" v-model="value"></json-editor>