yujialong 9 months ago
parent eb934ffa3a
commit 27590b0988
  1. 84
      src/App.vue
  2. 1
      src/pages/index/list/index.vue
  3. 7
      src/pages/supplier/index.vue
  4. 1
      src/store/index.js
  5. 3
      vue.config.js

@ -9,7 +9,7 @@ import Setting from '@/setting';
import util from '@/libs/util'; import util from '@/libs/util';
export default { export default {
name: 'App', name: 'App',
created() { created () {
//localStorage //localStorage
if (util.local.get(Setting.storeKey)) { if (util.local.get(Setting.storeKey)) {
this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey))); this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey)));
@ -20,7 +20,7 @@ export default {
util.local.set(Setting.storeKey, this.$store.state); util.local.set(Setting.storeKey, this.$store.state);
}); });
// truePCfalse // truePCfalse
function IsPCModel() { function IsPCModel () {
var userAgentInfo = navigator.userAgent; var userAgentInfo = navigator.userAgent;
var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']; var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod'];
var flagPc = true; var flagPc = true;
@ -35,85 +35,85 @@ export default {
var flagZt = IsPCModel(); var flagZt = IsPCModel();
this.$store.commit('updateModelType', flagZt) this.$store.commit('updateModelType', flagZt)
window.onresize = this.throttle(() => { window.onresize = this.throttle(() => {
if(document.body.clientWidth <= 1200) { if (document.body.clientWidth <= 1200) {
this.$store.commit('updateModelType', false) this.$store.commit('updateModelType', false)
}else if(document.body.clientWidth > 1700 ) { } else if (document.body.clientWidth > 1700) {
this.$store.commit('updateModelType', true) this.$store.commit('updateModelType', true)
this.$store.dispatch('updateNavSumA', 10) this.$store.dispatch('updateNavSumA', 10)
sessionStorage.setItem('navPageSize', 10) sessionStorage.setItem('navPageSize', 10)
}else if(document.body.clientWidth > 1600 && document.body.clientWidth <= 1700 ) { } else if (document.body.clientWidth > 1600 && document.body.clientWidth <= 1700) {
this.$store.commit('updateModelType', true) this.$store.commit('updateModelType', true)
if (this.$i18n.locale == 'en') { if (this.$i18n.locale == 'en') {
this.$store.dispatch('updateNavSumA', 9) this.$store.dispatch('updateNavSumA', 9)
sessionStorage.setItem('navPageSize', 9) sessionStorage.setItem('navPageSize', 9)
}else { } else {
this.$store.dispatch('updateNavSumA', 10) this.$store.dispatch('updateNavSumA', 10)
sessionStorage.setItem('navPageSize', 10) sessionStorage.setItem('navPageSize', 10)
} }
}else if(document.body.clientWidth > 1500 && document.body.clientWidth <= 1600) { } else if (document.body.clientWidth > 1500 && document.body.clientWidth <= 1600) {
this.$store.commit('updateModelType', true) this.$store.commit('updateModelType', true)
this.$store.dispatch('updateNavSumA', 9) this.$store.dispatch('updateNavSumA', 9)
sessionStorage.setItem('navPageSize', 9) sessionStorage.setItem('navPageSize', 9)
}else if(document.body.clientWidth > 1400 && document.body.clientWidth <= 1500) { } else if (document.body.clientWidth > 1400 && document.body.clientWidth <= 1500) {
this.$store.commit('updateModelType', true) this.$store.commit('updateModelType', true)
if (this.$i18n.locale == 'en') { if (this.$i18n.locale == 'en') {
this.$store.dispatch('updateNavSumA', 7) this.$store.dispatch('updateNavSumA', 7)
sessionStorage.setItem('navPageSize', 7) sessionStorage.setItem('navPageSize', 7)
}else { } else {
this.$store.dispatch('updateNavSumA', 8) this.$store.dispatch('updateNavSumA', 8)
sessionStorage.setItem('navPageSize', 8) sessionStorage.setItem('navPageSize', 8)
} }
}else if(document.body.clientWidth > 1300 && document.body.clientWidth <= 1400) { } else if (document.body.clientWidth > 1300 && document.body.clientWidth <= 1400) {
this.$store.commit('updateModelType', true) this.$store.commit('updateModelType', true)
if (this.$i18n.locale == 'en') { if (this.$i18n.locale == 'en') {
this.$store.dispatch('updateNavSumA', 6) this.$store.dispatch('updateNavSumA', 6)
sessionStorage.setItem('navPageSize', 6) sessionStorage.setItem('navPageSize', 6)
}else { } else {
this.$store.dispatch('updateNavSumA', 7) this.$store.dispatch('updateNavSumA', 7)
sessionStorage.setItem('navPageSize', 7) sessionStorage.setItem('navPageSize', 7)
} }
}else if(document.body.clientWidth > 1200 && document.body.clientWidth <= 1300) { } else if (document.body.clientWidth > 1200 && document.body.clientWidth <= 1300) {
this.$store.commit('updateModelType', true) this.$store.commit('updateModelType', true)
if (this.$i18n.locale == 'en') { if (this.$i18n.locale == 'en') {
this.$store.dispatch('updateNavSumA', 6) this.$store.dispatch('updateNavSumA', 6)
sessionStorage.setItem('navPageSize', 6) sessionStorage.setItem('navPageSize', 6)
}else { } else {
this.$store.dispatch('updateNavSumA', 6) this.$store.dispatch('updateNavSumA', 6)
sessionStorage.setItem('navPageSize', 6) sessionStorage.setItem('navPageSize', 6)
} }
}else { } else {
this.$store.commit('updateModelType', true) this.$store.commit('updateModelType', true)
} }
},500) }, 500)
}, },
mounted() { mounted () {
window.onbeforeunload = function(){ window.onbeforeunload = function () {
sessionStorage.removeItem('navPageSize') sessionStorage.removeItem('navPageSize')
} }
if(document.body.clientWidth > 1600 ) { if (document.body.clientWidth > 1600) {
sessionStorage.setItem('navPageSize', 10) sessionStorage.setItem('navPageSize', 10)
}else if(document.body.clientWidth > 1500 && document.body.clientWidth <= 1600) { } else if (document.body.clientWidth > 1500 && document.body.clientWidth <= 1600) {
sessionStorage.setItem('navPageSize', 9) sessionStorage.setItem('navPageSize', 9)
}else if(document.body.clientWidth > 1400 && document.body.clientWidth <= 1500) { } else if (document.body.clientWidth > 1400 && document.body.clientWidth <= 1500) {
sessionStorage.setItem('navPageSize', 8) sessionStorage.setItem('navPageSize', 8)
}else if(document.body.clientWidth > 1300 && document.body.clientWidth <= 1400) { } else if (document.body.clientWidth > 1300 && document.body.clientWidth <= 1400) {
sessionStorage.setItem('navPageSize', 7) sessionStorage.setItem('navPageSize', 7)
}else if(document.body.clientWidth > 1200 && document.body.clientWidth <= 1300) { } else if (document.body.clientWidth > 1200 && document.body.clientWidth <= 1300) {
sessionStorage.setItem('navPageSize', 6) sessionStorage.setItem('navPageSize', 6)
} }
}, },
methods: { methods: {
throttle(func, delay) { throttle (func, delay) {
var prev = Date.now() var prev = Date.now()
return function () { return function () {
var context = this; var context = this;
var args = arguments; var args = arguments;
var now = Date.now(); var now = Date.now();
if (now - prev >= delay) { if (now - prev >= delay) {
func.apply(context, args); func.apply(context, args);
prev = Date.now(); prev = Date.now();
}
} }
}
} }
}, },
}; };

@ -798,6 +798,7 @@ export default {
width: 100%; width: 100%;
height: 155px; height: 155px;
transition: 0.3s; transition: 0.3s;
object-fit: cover;
} }
.my-school { .my-school {
position: absolute; position: absolute;

@ -158,7 +158,7 @@ export default {
.banner { .banner {
position: relative; position: relative;
height: 350px; height: 350px;
padding: 100px 0 0 180px; padding: 70px 0 0 180px;
background: url(../../assets/images/dev/banner2.png) (90% 32px) / auto no-repeat, background: url(../../assets/images/dev/banner2.png) (90% 32px) / auto no-repeat,
url(../../assets/images/dev/banner1.png) 0 0/100% 100% no-repeat; url(../../assets/images/dev/banner1.png) 0 0/100% 100% no-repeat;
.dev { .dev {
@ -375,10 +375,7 @@ export default {
@media (max-width: 1200px) { @media (max-width: 1200px) {
.wrap { .wrap {
.banner { .banner {
padding: 120px 0 0 50px; padding-left: 50px;
.dev {
bottom: 80px;
}
} }
.inner { .inner {
width: 90%; width: 90%;

@ -25,7 +25,6 @@ const store = new Vuex.Store({
mutations: { mutations: {
// 根据屏幕尺寸分别移动或者pc // 根据屏幕尺寸分别移动或者pc
updateModelType(state, type) { updateModelType(state, type) {
console.log(state)
state.modelType = type; state.modelType = type;
}, },
// 根据屏幕尺寸显示的导航栏条数 // 根据屏幕尺寸显示的导航栏条数

@ -17,5 +17,6 @@ module.exports = {
}, },
configureWebpack: { configureWebpack: {
devtool: 'source-map' devtool: 'source-map'
} },
productionSourceMap: false,
}; };
Loading…
Cancel
Save