perf: 优化
This commit is contained in:
parent
817500de72
commit
057449e3d8
@ -5,7 +5,7 @@
|
|||||||
</el-text>
|
</el-text>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<el-tooltip effect="dark" content="重新生成" placement="top">
|
<el-tooltip effect="dark" content="换个答案" placement="top">
|
||||||
<el-button text @click="regeneration">
|
<el-button text @click="regeneration">
|
||||||
<AppIcon iconName="VideoPlay"></AppIcon>
|
<AppIcon iconName="VideoPlay"></AppIcon>
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
import { watch, onBeforeMount, onMounted, onBeforeUnmount } from 'vue'
|
import { nextTick, onBeforeMount, onMounted, onBeforeUnmount } from 'vue'
|
||||||
import { useRoute } from 'vue-router'
|
import { useRoute } from 'vue-router'
|
||||||
import useStore from '@/stores'
|
import useStore from '@/stores'
|
||||||
import { DeviceType } from '@/enums/common'
|
import { DeviceType } from '@/enums/common'
|
||||||
@ -9,7 +9,7 @@ const WIDTH = 600
|
|||||||
export default () => {
|
export default () => {
|
||||||
const { common } = useStore()
|
const { common } = useStore()
|
||||||
const _isMobile = () => {
|
const _isMobile = () => {
|
||||||
const rect = document.body.getBoundingClientRect()
|
const rect = document.body?.getBoundingClientRect()
|
||||||
return rect.width - 1 < WIDTH
|
return rect.width - 1 < WIDTH
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -25,10 +25,12 @@ export default () => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
nextTick(() => {
|
||||||
if (_isMobile()) {
|
if (_isMobile()) {
|
||||||
common.toggleDevice(DeviceType.Mobile)
|
common.toggleDevice(DeviceType.Mobile)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
})
|
||||||
|
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
window.removeEventListener('resize', _resizeHandler)
|
window.removeEventListener('resize', _resizeHandler)
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user