forked from natuka/web.puabadge.com
139 lines
4.2 KiB
TypeScript
139 lines
4.2 KiB
TypeScript
import { createApp } from 'vue'
|
||
import { createPinia } from 'pinia'
|
||
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
|
||
import { createRouterScroller } from 'vue-router-better-scroller'
|
||
import App from './App.vue'
|
||
import router from './router'
|
||
|
||
import './app.less'
|
||
import './assets/icon/iconfont.css'
|
||
import "./assets/font/font.css";
|
||
|
||
// import I18n from "@/lang/i18n"
|
||
import I18NextVue from 'i18next-vue'
|
||
import { createI18n } from './lang/i18n'
|
||
|
||
// Vant 桌面端适配
|
||
import '@vant/touch-emulator'
|
||
|
||
/* --------------------------------
|
||
Vant 中有个别组件是以函数的形式提供的，
|
||
包括 Toast，Dialog，Notify 和 ImagePreview 组件。
|
||
在使用函数组件时，unplugin-vue-components
|
||
无法自动引入对应的样式，因此需要手动引入样式。
|
||
------------------------------------- */
|
||
import 'vant/es/toast/style'
|
||
import 'vant/es/dialog/style'
|
||
import 'vant/es/notify/style'
|
||
import 'vant/es/image-preview/style'
|
||
import { brand } from './api/config'
|
||
|
||
const app = createApp(App)
|
||
const pinia = createPinia()
|
||
pinia.use(piniaPluginPersistedstate)
|
||
app.use(router)
|
||
app.use(pinia)
|
||
|
||
const getURLParameters = (url) =>
|
||
(url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce(
|
||
(a, v) => ((a[v.slice(0, v.indexOf("="))] = v.slice(v.indexOf("=") + 1)), a),
|
||
{}
|
||
);
|
||
|
||
// 根据?brand_id=或者#?brand_id=进行获取参数
|
||
const getBrandId = () => {
|
||
const urlParams = getURLParameters(window.location.search)
|
||
let brandId = urlParams['brand_id']
|
||
console.log("urlParams",brandId, urlParams, )
|
||
|
||
if (!brandId) {
|
||
const hashParams = getURLParameters(window.location.hash.slice(1))
|
||
brandId = hashParams['brand_id']
|
||
console.log("hashParams", brandId, hashParams)
|
||
}
|
||
|
||
if (!brandId) {
|
||
// 从缓存中获取
|
||
const cachedBrandId = localStorage.getItem('brand_id')
|
||
console.log("cachedBrandId", cachedBrandId)
|
||
}
|
||
|
||
return brandId
|
||
}
|
||
|
||
const brandId = getBrandId()
|
||
console.log('获取到的 brand_id:', brandId)
|
||
if (brandId) {
|
||
localStorage.setItem('brand_id', brandId)
|
||
}
|
||
|
||
// 将 brandId 挂载到 Vue 应用实例上
|
||
app.config.globalProperties.$brandId = brandId
|
||
|
||
|
||
// app.use(I18n)
|
||
app.use(I18NextVue, { i18next: createI18n() })
|
||
|
||
// 禁止ios下Safari网页缩放
|
||
window.onload = function () {
|
||
let lastTouchEnd = 0
|
||
document.addEventListener('touchstart', (event) => {
|
||
if (event.touches.length > 1)
|
||
event.preventDefault()
|
||
})
|
||
document.addEventListener('touchend', (event) => {
|
||
const now = (new Date()).getTime()
|
||
if (now - lastTouchEnd <= 300)
|
||
event.preventDefault()
|
||
|
||
lastTouchEnd = now
|
||
}, false)
|
||
document.addEventListener('gesturestart', (event) => {
|
||
event.preventDefault()
|
||
})
|
||
document.addEventListener('dblclick', (event) => {
|
||
event.preventDefault()
|
||
})
|
||
}
|
||
|
||
// 增强了 Vue Router v4 的滚动行为
|
||
app.use(createRouterScroller({
|
||
selectors: {
|
||
'window': true,
|
||
'body': true,
|
||
'.scrollable': true,
|
||
},
|
||
}))
|
||
|
||
// 处理页面隐藏事件（可以区分刷新和关闭）
|
||
function handlePageHide(event: PageTransitionEvent) {
|
||
// event.persisted 为 true 表示页面被缓存（刷新），保留 code
|
||
// event.persisted 为 false 表示页面未被缓存（关闭），清除 code
|
||
if (!event.persisted) {
|
||
// 页面关闭（非刷新），清除 code 和 userId，避免下一个用户使用上一个用户的 code
|
||
localStorage.remove('code')
|
||
localStorage.remove('userId')
|
||
console.log('页面关闭，已清除 code 和 userId')
|
||
} else {
|
||
// 页面刷新（persisted === true），保留 code
|
||
console.log('页面刷新，保留 code')
|
||
}
|
||
}
|
||
|
||
// 处理页面卸载事件（作为备用方案，某些浏览器可能不支持 pagehide）
|
||
function handleBeforeUnload(_event: BeforeUnloadEvent) {
|
||
// 注意：beforeunload 无法区分刷新和关闭
|
||
// 主要依赖 pagehide 事件来处理
|
||
// 这里不做任何操作，避免误清除刷新时的 code
|
||
}
|
||
|
||
// 在应用挂载前设置事件监听器
|
||
// 优先使用 pagehide 事件（可以区分刷新和关闭）
|
||
// 在支持的浏览器中，这是最可靠的方法
|
||
window.addEventListener('pagehide', handlePageHide)
|
||
|
||
// 监听 beforeunload 作为备用（某些旧浏览器可能不支持 pagehide）
|
||
window.addEventListener('beforeunload', handleBeforeUnload)
|
||
|
||
app.mount('#app')
|