perf: 增加设置弹窗 可设置是否进行自适应

刘嘉威

2022-10-24 a191ee0f495760168aa776590793e72c9ecbda0d

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import { ref, computed } from 'vue' 
import { defineStore } from 'pinia' 
// import { storeToRefs } from 'pinia'; 
export const useSettingStore = defineStore('setting', () => { 
  const settingShow = ref(false);//设置弹窗显隐 
  const isScale = ref(false);//是否进行全局适配 
 
  const setSettingShow = (flag:boolean)=>{ 
    settingShow.value=flag 
  } 
  const setIsScale = (flag:boolean)=>{ 
    isScale.value=flag 
    setSettingData() 
  } 
  const initSetting=()=>{ 
    let settingData:any = localStorage.getItem('loftv-settingData') 
    if(settingData){ 
        settingData=JSON.parse(settingData) 
        setIsScale(settingData.isScale) 
    } 
  } 
  const setSettingData=()=>{ 
    localStorage.setItem('loftv-settingData',JSON.stringify({ 
        isScale:isScale.value 
    })) 
  } 
  return { settingShow, setSettingShow,isScale ,setIsScale,initSetting,setSettingData} 
})