19 lines
472 B
TypeScript
19 lines
472 B
TypeScript
/**
|
||
* 响应式检测是否为手机屏幕（宽度 <= 768px）
|
||
* 用于桌面表格 / 手机卡片的条件渲染
|
||
*/
|
||
import { ref, onMounted, onUnmounted } from 'vue'
|
||
|
||
export function useIsMobile() {
|
||
const isMobile = ref(window.innerWidth <= 768)
|
||
|
||
function check() {
|
||
isMobile.value = window.innerWidth <= 768
|
||
}
|
||
|
||
onMounted(() => window.addEventListener('resize', check))
|
||
onUnmounted(() => window.removeEventListener('resize', check))
|
||
|
||
return isMobile
|
||
}
|