去掉了点击预览会消失的CSS

This commit is contained in:
John Smith 2019-07-15 19:50:51 +08:00
parent 2b5ca2e219
commit 5cdb786966

View File

@ -188,7 +188,7 @@
</el-form>
</el-col>
<el-col :span="12">
<div id="example-container">
<div id="example-container" ref="exampleContainer">
<div id="fakebody">
<chat-renderer :paidMessages="examplePaidMessages" :messages="messages" :css="exampleCss" ref="example"></chat-renderer>
</div>
@ -309,17 +309,15 @@ export default {
examplePaidMessages
}
},
mounted() {
const observer = new MutationObserver(() => this.$refs.example.scrollToBottom())
const child = document.querySelector('#example-container')
observer.observe(child, { attributes: true })
},
computed: {
computedResult() {
return stylegen.getStyle(this.form)
}
},
mounted() {
let observer = new MutationObserver(() => this.$refs.example.scrollToBottom())
observer.observe(this.$refs.exampleContainer, {attributes: true})
},
methods: {
getFontSuggestions(query, callback) {
let res = this.FONTS.map(font => {return {value: font}})
@ -391,11 +389,6 @@ export default {
overflow: hidden;
}
#example-container:active {
height: 0;
width: 0;
}
.app-wrapper.mobile #example-container {
display: none;
}