屏幕自适应

This commit is contained in:
aixianling
2023-05-15 18:12:58 +08:00
parent 8e894760a7
commit 44ebe96774

View File

@@ -17,7 +17,7 @@ export default {
components: {Settings, Chat}, components: {Settings, Chat},
data() { data() {
return { return {
showSettings: true, showSettings: false,
setting: { setting: {
model: new ChatGPT(), model: new ChatGPT(),
stream: true stream: true
@@ -26,12 +26,13 @@ export default {
}, },
methods: { methods: {
handleResize() { handleResize() {
console.log("App handleResize") console.log("App handleResize:" + window.innerWidth)
this.showSettings = window.innerWidth > 1150; this.showSettings = window.innerWidth > 1150;
} }
}, },
created() { created() {
window.addEventListener('resize', this.handleResize) window.addEventListener('resize', this.handleResize)
this.handleResize()
}, },
unmounted() { unmounted() {
window.removeEventListener('resize', this.handleResize) window.removeEventListener('resize', this.handleResize)