github-repos/blivechat
1
0
Fork 0
mirror of https://github.com/xfgryujk/blivechat.git synced 2025-03-13 19:30:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

给ChatRenderer加上demo prop, 为true时自动resize

Browse Source
This commit is contained in:
simon3000 2019-07-13 01:14:55 +02:00
parent 1252402e5e
commit a69b6b6406
No known key found for this signature in database
GPG Key ID: 9E04DC65786E7851
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/ChatRenderer/index.vue
View File

@ -48,6 +48,10 @@ export default {
props: {
paidMessages: Array,
messages: Array,
demo: {
type: Boolean,
required: false,
},
css: String
},
data() {
@ -66,10 +70,14 @@ export default {
this.scrollToBottom()
},
created() {
window.addEventListener('resize', this.scrollToBottom)
if (this.demo) {
window.addEventListener('resize', this.scrollToBottom)
}
},
beforeDestroy() {
window.removeEventListener('resize', this.scrollToBottom)
if (this.demo) {
window.removeEventListener('resize', this.scrollToBottom)
}
document.head.removeChild(this.styleElement)
},
updated() {

2
frontend/src/views/StyleGenerator/index.vue
View File

@ -190,7 +190,7 @@
<el-col :span="12">
<div id="example-container">
<div id="fakebody">
<chat-renderer :paidMessages="examplePaidMessages" :messages="messages" :css="exampleCss"></chat-renderer>
<chat-renderer :paidMessages="examplePaidMessages" :messages="messages" :css="exampleCss" demo></chat-renderer>
</div>
</div>
</el-col>