| | |
| | | import { ref, computed } from 'vue'
|
| | | import { ref, computed, reactive } 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 indexConfig = ref({
|
| | | leftBottomSwiper: true,//左轮播
|
| | | rightBottomSwiper: true,//右下轮播
|
| | | })
|
| | | const defaultOption = ref({
|
| | | step: 4, // 数值越大速度滚动越快
|
| | | hover: true, // 是否开启鼠标悬停stop
|
| | | wheel: false,//在开启鼠标悬停的情况下是否开启滚轮滚动,默认不开启
|
| | | openWatch: true, // 开启数据实时监控刷新dom
|
| | | direction: 1, // 0向下 1向上 2向左 3向右
|
| | | limitScrollNum: 4, // 开始无缝滚动的数据量 this.dataList.length
|
| | | singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
|
| | | singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
|
| | | singleWaitTime: 3000 // 单步运动停止的时间(默认值1000ms)
|
| | | })
|
| | | const setSettingShow = (flag: boolean) => {
|
| | | settingShow.value = flag
|
| | | }
|
| | | const setIsScale = (flag:boolean)=>{
|
| | | isScale.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 setIndexConfig = (Config: any) => {
|
| | | indexConfig.value = Config
|
| | | localStorage.setItem('loftv-indexConfig', JSON.stringify(indexConfig.value))
|
| | | }
|
| | | const initSetting = () => {
|
| | | let settingData: any = localStorage.getItem('loftv-settingData')
|
| | | if (settingData) {
|
| | | settingData = JSON.parse(settingData)
|
| | | setIsScale(settingData.isScale)
|
| | | }
|
| | | let settingIndexConfig: any = localStorage.getItem('loftv-indexConfig')
|
| | | if (settingIndexConfig) {
|
| | | settingIndexConfig = JSON.parse(settingIndexConfig)
|
| | | setIndexConfig(settingIndexConfig)
|
| | | }
|
| | | }
|
| | | const setSettingData=()=>{
|
| | | localStorage.setItem('loftv-settingData',JSON.stringify({
|
| | | isScale:isScale.value
|
| | | const setSettingData = () => {
|
| | | localStorage.setItem('loftv-settingData', JSON.stringify({
|
| | | isScale: isScale.value
|
| | | }))
|
| | | }
|
| | | return { settingShow, setSettingShow,isScale ,setIsScale,initSetting,setSettingData}
|
| | | return { settingShow, setSettingShow, isScale, setIsScale, initSetting, setSettingData, defaultOption, indexConfig, setIndexConfig }
|
| | | })
|