|
|
" v; o5 G# T/ A# G X0 \ 创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。
5 Q2 d& U2 D' a$ g
8 L# f7 N1 u5 ~3 Fimport { defineStore } from 'pinia'
2 B# ?1 M/ T+ ]import { ref } from 'vue'
& ~, z$ r0 c+ [# p. H: \/ s# u. @- |0 p" Z% P7 P
export const useDeviceStore = defineStore('device', () => {6 x2 d( O$ c+ X; ?, x/ d5 Z4 v8 A
const isMobile = ref(false)
$ S6 j0 h* y2 P. J let mediaQuery: MediaQueryList | null = null* T X* r1 c( W6 c" }: b7 `+ F
- f/ N! u0 F6 _7 o0 E
const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {9 [6 K% h R6 Z7 S
isMobile.value = e.matches2 I3 L; R, J( l7 o: W
}
6 I' q O# Q% P1 H* c( g' {3 h* Y% B2 w0 Z
// |
|
发表于 2026-6-21 15:17:45