-
+
{{ item1.environmentDataId }}
{{
@@ -652,22 +639,40 @@ export default {
}
},
- getNamePosition(id){
- if(id == 1){
+ getNamePosition(id) {
+ if (id == 1) {
return "position: absolute;top: 41%;left: 13%;"
- }else if(id == 2){
+ } else if (id == 2) {
return "position: absolute;top: 10%;left: 24%;"
- }else if(id == 3){
+ } else if (id == 3) {
return "position: absolute;top: 22%;left: 40%;"
- }else if(id == 4){
+ } else if (id == 4) {
return "position: absolute;top: 29%;left: 76%;"
- }else if(id == 5){
+ } else if (id == 5) {
return "position: absolute;top: 61%;left: 62%;"
- }else if(id == 6){
+ } else if (id == 6) {
return "position: absolute;top: 1%;left: 62%;"
}
},
+ autoPlay1() {
+ let that = this
+ this.autoPlay = false;
+ clearInterval(that.timer2) && this.timer2;
+ localStorage.setItem("autoPlay", JSON.stringify(this.autoPlay));
+ },
+ autoPlay2() {
+ this.autoPlay = true;
+ localStorage.setItem("autoPlay", JSON.stringify(this.autoPlay));
+ this.timer2 = setInterval(() => {
+ this.popContentCurrent++;
+ if (this.popContentCurrent > 7) {
+ this.popContentCurrent = 0;
+ // this.$router.push({ path: "/largeScreen" });
+ }
+ }, 3000);
+ },
+
// 数据单位
getTypeList(val) {
let typeList1 = [];
@@ -705,10 +710,10 @@ export default {
} else {
this.timer2 = setInterval(() => {
this.popContentCurrent++;
- console.log('this.popContentCurrent',this.popContentCurrent);
+ console.log('this.popContentCurrent', this.popContentCurrent);
if (this.popContentCurrent > 7) {
this.popContentCurrent = 0;
- this.$router.push({ path: "/largeScreen" });
+ // this.$router.push({ path: "/largeScreen" });
}
}, 3000);
}
@@ -850,17 +855,52 @@ export default {
opacity: 0.89;
text-shadow: 0.01 0.1rem 0.2rem rgba(0, 51, 103, 0.25);
- background: linear-gradient(
- to bottom,
- #ffffff 45%,
- #e9f8ff 90%,
- #77baff 100%
- );
+ background: linear-gradient(to bottom,
+ #ffffff 45%,
+ #e9f8ff 90%,
+ #77baff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
}
+ .auto_play {
+ height: 0.56rem;
+ position: absolute;
+ top: 0.53rem;
+ left: 1.4rem;
+ z-index: 99999999;
+ display: flex;
+ align-items: center;
+
+ >span {
+ width: 0.8rem;
+ height: 0.3rem;
+ background: rgba(14, 91, 165, 0.1);
+ border: 1px solid rgba(97, 152, 209, 0.65);
+ margin-right: 0.1rem;
+ font-size: 0.18rem;
+ font-family: MicrosoftYaHei;
+ font-weight: 400;
+ color: #70d0ee;
+ text-align: center;
+ line-height: 0.3rem;
+ cursor: pointer;
+ }
+
+ .act {
+ background: linear-gradient(-35deg,
+ #56a8d5 0%,
+ rgba(0, 55, 110, 0.75) 50%,
+ #56a8d5 100%);
+ border: 1px solid rgba(122, 225, 255, 0.75);
+ font-size: 0.18rem;
+ font-family: MicrosoftYaHei;
+ font-weight: 400;
+ color: #fff;
+ }
+ }
+
.yuan {
width: 0.56rem;
height: 0.56rem;
@@ -874,7 +914,7 @@ export default {
align-items: center;
justify-content: center;
- > img {
+ >img {
width: 0.2rem;
height: 0.2rem;
}
@@ -890,26 +930,26 @@ export default {
align-items: center;
justify-content: space-between;
- > img {
+ >img {
width: 0.28rem;
height: 0.3rem;
}
- > span:nth-child(2) {
+ >span:nth-child(2) {
font-size: 0.24rem;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: #7abaff;
}
- > span:nth-child(4) {
+ >span:nth-child(4) {
font-size: 0.2rem;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: #7abaff;
}
- > span:nth-child(6) {
+ >span:nth-child(6) {
font-size: 0.3rem;
font-family: PingFang-SC-Bold;
font-weight: bold;
@@ -935,25 +975,21 @@ export default {
top: 0;
left: 0;
z-index: 99;
- -webkit-mask-image: linear-gradient(
- 90deg,
- transparent 0%,
- blue 7%,
- blue 87%,
- transparent 97%
- );
+ -webkit-mask-image: linear-gradient(90deg,
+ transparent 0%,
+ blue 7%,
+ blue 87%,
+ transparent 97%);
.map1 {
width: 100%;
height: 100%;
// background: url('../assets/img/map.png') center no-repeat;
// background-size: 100% 100%;
- -webkit-mask-image: linear-gradient(
- transparent 4%,
- blue 15%,
- blue 86%,
- transparent 100%
- );
+ -webkit-mask-image: linear-gradient(transparent 4%,
+ blue 15%,
+ blue 86%,
+ transparent 100%);
overflow: hidden;
position: absolute;
@@ -961,23 +997,19 @@ export default {
width: 100%;
height: 100%;
position: absolute;
- -webkit-mask-image: linear-gradient(
- 90deg,
- transparent 4%,
- blue 18%,
- blue 88%,
- transparent 100%
- );
+ -webkit-mask-image: linear-gradient(90deg,
+ transparent 4%,
+ blue 18%,
+ blue 88%,
+ transparent 100%);
.drag_img {
width: 100%;
height: 100%;
- -webkit-mask-image: linear-gradient(
- transparent 0%,
- blue 13%,
- blue 73%,
- transparent 97%
- );
+ -webkit-mask-image: linear-gradient(transparent 0%,
+ blue 13%,
+ blue 73%,
+ transparent 97%);
}
.pole_item_4 {
@@ -1003,13 +1035,13 @@ export default {
top: 0;
left: 0;
- > img {
+ >img {
width: 0.32rem;
height: 0.32rem;
margin-right: 0.15rem;
}
- > span {
+ >span {
font-size: 0.18rem;
font-family: MicrosoftYaHei;
font-weight: 400;
@@ -1085,7 +1117,7 @@ export default {
height: 2.8rem;
margin: 0.2rem auto 0;
- > img {
+ >img {
width: 100%;
height: 100%;
}
@@ -1129,13 +1161,13 @@ export default {
box-sizing: border-box;
padding: 0 0.1rem 0 0.1rem;
- > img {
+ >img {
width: 0.18rem;
height: 0.18rem;
margin-right: 0.05rem;
}
- > span {
+ >span {
font-size: 0.16rem;
font-family: MicrosoftYaHei;
font-weight: 400;
@@ -1154,20 +1186,20 @@ export default {
justify-content: center;
align-items: center;
- > img {
+ >img {
width: 0.22rem;
height: 0.18rem;
margin-right: 0.1rem;
}
- > span:nth-child(2) {
+ >span:nth-child(2) {
font-size: 0.16rem;
font-family: MicrosoftYaHei;
font-weight: 400;
color: #ffffff;
}
- > span:nth-child(3) {
+ >span:nth-child(3) {
font-size: 0.16rem;
font-family: MicrosoftYaHei;
font-weight: 400;
@@ -1191,24 +1223,24 @@ export default {
display: flex;
margin-bottom: 0.1rem;
- > img {
+ >img {
width: 0.6rem;
height: 0.53rem;
margin-right: 0.1rem;
}
- > div {
+ >div {
display: flex;
flex-direction: column;
- > span:nth-child(1) {
+ >span:nth-child(1) {
font-size: 0.14rem;
font-family: MicrosoftYaHei;
font-weight: bold;
color: #86d9ff;
}
- > span:nth-child(2) {
+ >span:nth-child(2) {
font-size: 0.2rem;
font-family: AlibabaPuHuiTiB;
font-weight: bold;