peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(global): 设备端判断问题修复

Browse Source
This commit is contained in:
ronger 2023-08-31 22:03:44 +08:00
parent f194ebe2b5
commit b2516f8a20
8 changed files with 9 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/common/comment/main.vue
View File

@ -183,7 +183,6 @@ export default {
// isPostingComment: state => state.comment.posting,
constants: state => state.global.constants,
language: state => state.global.language,
isMobile: state => state.global.isMobile,
user: state => state.auth.user,
loggedIn: state => state.auth.loggedIn,
avatar: state => state.auth.user?.avatarUrl

13
layouts/default.vue
View File

@ -1,8 +1,8 @@
<template>
<body >
<pc-main-view v-if="!isMobile" />
<mobile-main-view v-else/>
</body>
<div>
<pc-main-view v-if="$device.isDesktop"/>
<mobile-main-view v-else/>
</div>
</template>
<script>
import Vue from 'vue';
@ -19,10 +19,7 @@ export default Vue.extend({
computed: {
theme() {
return this.$store.state.global.theme
},
isMobile() {
return this.$store.state.global.isMobile
},
}
}
})

3
nuxt.config.js
View File

@ -71,7 +71,8 @@ export default {
modules: [
'@nuxtjs/axios',
'@nuxtjs/proxy',
'@nuxtjs/auth-next'
'@nuxtjs/auth-next',
'@nuxtjs/device',
],
auth: {
redirect: {

1
package.json
View File

@ -35,6 +35,7 @@
"@commitlint/cli": "^17.4.0",
"@commitlint/config-conventional": "^17.4.0",
"@nuxt/types": "~2.16.0",
"@nuxtjs/device": "^2.1.0",
"@nuxtjs/proxy": "^2.1.0",
"conventional-changelog-cli": "^2.2.2",
"cz-git": "^1.4.1",

1
pages/article/_article_id.vue
View File

@ -191,7 +191,6 @@ export default {
...mapState({
article: state => state.article.detail.data,
isFetching: state => state.article.detail.fetching,
isMobile: state => state.global.isMobile,
loggedIn: state => state.auth.loggedIn,
user: state => state.auth.user,
avatar: state => state.auth.user?.avatarUrl

1
pages/draft/_draft_id.vue
View File

@ -87,7 +87,6 @@
...mapState({
article: state => state.draft.detail.data,
isFetching: state => state.draft.detail.fetching,
isMobile: state => state.global.isMobile,
user: state => state.auth.user,
avatar: state => state.auth.user?.avatarURL
}),

1
pages/portfolio/_portfolio_id.vue
View File

@ -82,7 +82,6 @@ export default {
portfolio: state => state.portfolio.detail.data,
articles: state => state.portfolio.articles,
isFetching: state => state.portfolio.detail.fetching,
isMobile: state => state.global.isMobile,
user: state => state.auth.user,
avatar: state => state.auth.user?.avatarURL
}),

24
store/index.js
View File

@ -26,29 +26,7 @@ export const mutations = {
export const actions = {
nuxtServerInit(store, {req}) {
// 初始化时的全局任务
const userAgent = isServer ? req.headers['user-agent'] : navigator.userAgent
const browser = {
versions: function() {
return { //移动终端浏览器版本信息
trident: userAgent.indexOf('Trident') > -1, //IE内核
presto: userAgent.indexOf('Presto') > -1, //opera内核
webKit: userAgent.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: userAgent.indexOf('Gecko') > -1 && userAgent.indexOf('KHTML') == -1, //火狐内核
mobile: !!userAgent.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: userAgent.indexOf('Android') > -1 || userAgent.indexOf('Linux') > -1, //android终端或uc浏览器
iPhone: userAgent.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: userAgent.indexOf('iPad') > -1, //是否iPad
webApp: userAgent.indexOf('Safari') == -1 //是否web应用程序，没有头部与底部
};
} ()
}
if (browser.versions.mobile) {
// 移动端
store.commit('global/updateMobileState', true)
}
const initFetchAppData = [
const initFetchAppData = [
// 内容数据
store.dispatch('topic/fetchNavList'),
store.dispatch('article/fetchList')