mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-04 22:28:40 +08:00
36 lines
621 B
TypeScript
36 lines
621 B
TypeScript
/**
|
|
*
|
|
* @author Ray <https://github.com/XiaoDaiGua-Ray>
|
|
*
|
|
* @date 2023-10-24
|
|
*
|
|
* @workspace ray-template
|
|
*
|
|
* @remark 今天也是元气满满撸代码的一天
|
|
*/
|
|
|
|
/**
|
|
*
|
|
* 检测当前尺寸是否为平板或者更小
|
|
*/
|
|
|
|
import { useWindowSize } from '@vueuse/core'
|
|
import { watchEffectWithTarget } from '@/utils/vue'
|
|
|
|
export function useDevice() {
|
|
const { width, height } = useWindowSize()
|
|
const isTabletOrSmaller = ref(false)
|
|
|
|
const update = () => {
|
|
isTabletOrSmaller.value = width.value <= 768
|
|
}
|
|
|
|
watchEffectWithTarget(update)
|
|
|
|
return {
|
|
width,
|
|
height,
|
|
isTabletOrSmaller,
|
|
}
|
|
}
|