|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="container">
|
|
<div class="container">
|
|
|
<template v-if="notWebgl">
|
|
<template v-if="notWebgl">
|
|
|
- <div class="css-animation">
|
|
|
|
|
|
|
+ <div class="css-animation" >
|
|
|
<div class="blue-bg">
|
|
<div class="blue-bg">
|
|
|
<span class="phone"></span>
|
|
<span class="phone"></span>
|
|
|
<span class="goods"></span>
|
|
<span class="goods"></span>
|
|
@@ -88,7 +88,8 @@ export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
timer: null,
|
|
timer: null,
|
|
|
- notWebgl: true
|
|
|
|
|
|
|
+ notWebgl: true,
|
|
|
|
|
+ isSmall:false
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
components:{
|
|
components:{
|
|
@@ -462,6 +463,13 @@ export default {
|
|
|
created() {},
|
|
created() {},
|
|
|
mounted() {
|
|
mounted() {
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
|
|
|
+
|
|
|
|
|
+ //获取浏览器宽度
|
|
|
|
|
+ let windowWidth = document.body.clientWidth;
|
|
|
|
|
+ if(windowWidth<=990){
|
|
|
|
|
+ this.isSmall = true;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
this.notWebgl = true;
|
|
this.notWebgl = true;
|
|
|
// if (!Detector.webgl) {
|
|
// if (!Detector.webgl) {
|
|
|
// //Detector.addGetWebGLMessage();
|
|
// //Detector.addGetWebGLMessage();
|
|
@@ -526,7 +534,7 @@ export default {
|
|
|
|
|
|
|
|
.container{
|
|
.container{
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- min-width:990px;
|
|
|
|
|
|
|
+ min-width:1210px;
|
|
|
}
|
|
}
|
|
|
.wrapper {
|
|
.wrapper {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -869,4 +877,5 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
</style>
|
|
</style>
|
lifeifan