|
|
@@ -298,37 +298,35 @@
|
|
|
<div class="conten">
|
|
|
<!-- 关闭按钮 -->
|
|
|
<div class="btnX" @click="rightTab2[0].isShow = false">
|
|
|
- <img src="@/assets/tab/×.png" alt="" />
|
|
|
+ <img src="@/assets/tab/×Red.png" alt="" />
|
|
|
</div>
|
|
|
<!-- 标题 -->
|
|
|
- <div class="Motitle">
|
|
|
- 党史路线
|
|
|
-
|
|
|
- <div
|
|
|
- class="toIndexTxt"
|
|
|
- @click="(rightTab2[0].isShow = false), $emit('openIndex')"
|
|
|
- >
|
|
|
- 珠海市高新区红色云展厅
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div
|
|
|
+ class="Motitle"
|
|
|
+ @click="(rightTab2[0].isShow = false), $emit('openIndex')"
|
|
|
+ ></div>
|
|
|
|
|
|
<!-- 地图 -->
|
|
|
- <div class="MoMap">
|
|
|
- <img src="@/assets/tabMo/moTab1Map.png" alt="" />
|
|
|
- </div>
|
|
|
+ <!-- <div class="MoMap">
|
|
|
+ <img src="@/assets/tabMo/bg.png" alt="" />
|
|
|
+ </div> -->
|
|
|
<!-- 3个小地图 -->
|
|
|
- <div class="minMap minMap1">
|
|
|
- <a href="javascript:;"
|
|
|
- @click="
|
|
|
- skipIframe(
|
|
|
- 'http://www.4dmodel.com/SuperTwo/index.html?m=1257'
|
|
|
- )
|
|
|
+ <div class="MMapBox">
|
|
|
+ <a
|
|
|
+ class="MMInco MMInco1"
|
|
|
+ href="javascript:;"
|
|
|
+ @click="
|
|
|
+ skipIframe('http://www.4dmodel.com/SuperTwo/index.html?m=1257')
|
|
|
"
|
|
|
></a>
|
|
|
- <a href="javascript:;" @click="toHideHot('C9Xzw4A682213')"></a>
|
|
|
- </div>
|
|
|
- <div class="minMap minMap2">
|
|
|
<a
|
|
|
+ class="MMInco MMInco2"
|
|
|
+ href="javascript:;"
|
|
|
+ @click="toHideHot('C9Xzw4A682213')"
|
|
|
+ ></a>
|
|
|
+
|
|
|
+ <a
|
|
|
+ class="MMInco MMInco3"
|
|
|
href="javascript:;"
|
|
|
@click="
|
|
|
skipIframe(
|
|
|
@@ -337,6 +335,7 @@
|
|
|
"
|
|
|
></a>
|
|
|
<a
|
|
|
+ class="MMInco MMInco4"
|
|
|
href="javascript:;"
|
|
|
@click="
|
|
|
skipIframe(
|
|
|
@@ -345,21 +344,23 @@
|
|
|
"
|
|
|
></a>
|
|
|
<a
|
|
|
+ class="MMInco MMInco5"
|
|
|
href="javascript:;"
|
|
|
@click="
|
|
|
skipIframe('https://www.4dmodel.com/SuperTwo/index.html?m=997')
|
|
|
"
|
|
|
></a>
|
|
|
- </div>
|
|
|
- <div class="minMap minMap3">
|
|
|
- <a href="javascript:;"></a>
|
|
|
- <a href="javascript:;"
|
|
|
- @click="
|
|
|
- skipIframe(
|
|
|
- 'http://www.4dmodel.com/SuperTwo/index.html?m=1034'
|
|
|
- )
|
|
|
- "></a>
|
|
|
+
|
|
|
+ <a class="MMInco MMInco6" href="javascript:;"></a>
|
|
|
<a
|
|
|
+ class="MMInco MMInco7"
|
|
|
+ href="javascript:;"
|
|
|
+ @click="
|
|
|
+ skipIframe('http://www.4dmodel.com/SuperTwo/index.html?m=1034')
|
|
|
+ "
|
|
|
+ ></a>
|
|
|
+ <a
|
|
|
+ class="MMInco MMInco8"
|
|
|
href="javascript:;"
|
|
|
@click="
|
|
|
skipIframe(
|
|
|
@@ -367,11 +368,21 @@
|
|
|
)
|
|
|
"
|
|
|
></a>
|
|
|
- </div>
|
|
|
- <div class="minMap minMap4">
|
|
|
- <a href="javascript:;" @click="toHideHot('SkJMnNI650604')"></a>
|
|
|
- <a href="javascript:;" @click="toHideHot('LKkKYP679393')"></a>
|
|
|
- <a href="javascript:;" @click="toHideHot('1jugHED669838')"></a>
|
|
|
+ <a
|
|
|
+ class="MMInco MMInco9"
|
|
|
+ href="javascript:;"
|
|
|
+ @click="toHideHot('SkJMnNI650604')"
|
|
|
+ ></a>
|
|
|
+ <a
|
|
|
+ class="MMInco MMInco10"
|
|
|
+ href="javascript:;"
|
|
|
+ @click="toHideHot('LKkKYP679393')"
|
|
|
+ ></a>
|
|
|
+ <a
|
|
|
+ class="MMInco MMInco11"
|
|
|
+ href="javascript:;"
|
|
|
+ @click="toHideHot('1jugHED669838')"
|
|
|
+ ></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -660,7 +671,6 @@
|
|
|
title="派诺科技"
|
|
|
@click="toHideHot('1jugHED669838')"
|
|
|
></a>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- pc --答题 -------------------------->
|
|
|
@@ -957,13 +967,11 @@ export default {
|
|
|
computed: {},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
-
|
|
|
// 给父组件调用的方法
|
|
|
- openOneSon(){
|
|
|
- if(this.isMobile) {
|
|
|
- this.rightTab2[0].isShow=true
|
|
|
- }
|
|
|
- else this.rightTab[0].isShow=true
|
|
|
+ openOneSon() {
|
|
|
+ if (this.isMobile) {
|
|
|
+ this.rightTab2[0].isShow = true;
|
|
|
+ } else this.rightTab[0].isShow = true;
|
|
|
},
|
|
|
|
|
|
toHideHot(id) {
|
|
|
@@ -1377,8 +1385,6 @@ export default {
|
|
|
cursor: pointer;
|
|
|
position: absolute;
|
|
|
z-index: 10;
|
|
|
- background-color: #5e1616;
|
|
|
- opacity: .5;
|
|
|
}
|
|
|
.imgClick1 {
|
|
|
top: 365px;
|
|
|
@@ -2223,19 +2229,17 @@ export default {
|
|
|
|
|
|
.MoTab1 {
|
|
|
.conten {
|
|
|
- .btnX{
|
|
|
+ background: url("../../assets/tabMo/bg.jpg") !important;
|
|
|
+ background-size: 100% 100% !important;
|
|
|
+ .btnX {
|
|
|
z-index: 99;
|
|
|
}
|
|
|
.Motitle {
|
|
|
+ margin: 0 auto !important;
|
|
|
position: relative;
|
|
|
-
|
|
|
- .toIndexTxt {
|
|
|
- position: absolute;
|
|
|
- left: 10px;
|
|
|
- bottom: -22px;
|
|
|
- font-size: 14px;
|
|
|
- color: #edd3b0;
|
|
|
- }
|
|
|
+ width: 141px;
|
|
|
+ height: 63px;
|
|
|
+ border: none !important;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -2286,43 +2290,73 @@ export default {
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
- .minMap {
|
|
|
- margin: 20px 0 0 20px;
|
|
|
- width: 268px;
|
|
|
- height: 45px;
|
|
|
- background: url("../../assets/tabMo/map1.png");
|
|
|
- background-size: 100% 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- padding-left: 38px;
|
|
|
- a {
|
|
|
- z-index: 9999;
|
|
|
- background-color: transparent;
|
|
|
- width: 60px;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .minMap2 {
|
|
|
- width: 255px;
|
|
|
- height: 38px;
|
|
|
- background: url("../../assets/tabMo/map2.png");
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
- .minMap3 {
|
|
|
- width: 255px;
|
|
|
- height: 38px;
|
|
|
- background: url("../../assets/tabMo/map3.png");
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
- .minMap4 {
|
|
|
- padding-left: 60px;
|
|
|
- width: 243px;
|
|
|
- height: 38px;
|
|
|
- background: url("../../assets/tabMo/map4.png");
|
|
|
- background-size: 100% 100%;
|
|
|
- a {
|
|
|
- width: 50px;
|
|
|
+ .MMapBox {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 240px;
|
|
|
+ .MMInco {
|
|
|
+ position: absolute;
|
|
|
+ top: 10px;
|
|
|
+ left: 10px;
|
|
|
+ width: 80px;
|
|
|
+ height: 35px;
|
|
|
+ }
|
|
|
+ .MMInco1 {
|
|
|
+ top: 25px;
|
|
|
+ left: 45px;
|
|
|
+ width: 122px;
|
|
|
+ }
|
|
|
+ .MMInco2 {
|
|
|
+ top: 25px;
|
|
|
+ left: 191px;
|
|
|
+ width: 98px;
|
|
|
+ }
|
|
|
+ .MMInco3 {
|
|
|
+ top: 80px;
|
|
|
+ left: 45px;
|
|
|
+ width: 62px;
|
|
|
+ }
|
|
|
+ .MMInco4 {
|
|
|
+ top: 80px;
|
|
|
+ left: 125px;
|
|
|
+ width: 62px;
|
|
|
+ }
|
|
|
+ .MMInco5 {
|
|
|
+ top: 80px;
|
|
|
+ left: 195px;
|
|
|
+ width: 82px;
|
|
|
+ }
|
|
|
+ .MMInco6 {
|
|
|
+ top: 136px;
|
|
|
+ left: 45px;
|
|
|
+ width: 63px;
|
|
|
+ }
|
|
|
+ .MMInco7 {
|
|
|
+ top: 136px;
|
|
|
+ left: 124px;
|
|
|
+ width: 61px;
|
|
|
+ }
|
|
|
+ .MMInco8 {
|
|
|
+ top: 136px;
|
|
|
+ left: 193px;
|
|
|
+ width: 82px;
|
|
|
+ }
|
|
|
+ .MMInco9 {
|
|
|
+ top: 192px;
|
|
|
+ left: 45px;
|
|
|
+ width: 64px;
|
|
|
+ }
|
|
|
+ .MMInco10 {
|
|
|
+ top: 192px;
|
|
|
+ left: 124px;
|
|
|
+ width: 59px;
|
|
|
+ }
|
|
|
+ .MMInco11 {
|
|
|
+ top: 192px;
|
|
|
+ left: 191px;
|
|
|
+ width: 64px;
|
|
|
}
|
|
|
}
|
|
|
}
|