From 796f1fce7951ca1dd4ba5785f25d86bf5ca9dcd5 Mon Sep 17 00:00:00 2001
From: 刘嘉威 <daidaibg@163.com>
Date: 星期四, 27 十月 2022 17:23:27 +0800
Subject: [PATCH] feat:增加无缝轮播组件 增加左下 右下组件
---
src/stores/setting/setting.ts | 53 ++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 38 insertions(+), 15 deletions(-)
diff --git a/src/stores/setting/setting.ts b/src/stores/setting/setting.ts
index fc8b59a..090aa01 100644
--- a/src/stores/setting/setting.ts
+++ b/src/stores/setting/setting.ts
@@ -1,28 +1,51 @@
-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, // 鏄惁寮�鍚紶鏍囨偓鍋渟top
+ wheel: false,//鍦ㄥ紑鍚紶鏍囨偓鍋滅殑鎯呭喌涓嬫槸鍚﹀紑鍚粴杞粴鍔紝榛樿涓嶅紑鍚�
+ openWatch: true, // 寮�鍚暟鎹疄鏃剁洃鎺у埛鏂癲om
+ 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 }
})
--
Gitblit v1.8.0