|
@@ -86,7 +86,7 @@
|
|
|
.contentBox {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ flex-direction: column;
|
|
|
}
|
|
|
|
|
|
.contentItem {
|
|
@@ -117,7 +117,7 @@
|
|
|
font-size: 20px;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
+
|
|
|
.el-tabs__item {
|
|
|
color: #fff;
|
|
|
font-size: 16px;
|
|
@@ -127,8 +127,8 @@
|
|
|
.el-tabs--card>.el-tabs__header .el-tabs__nav {
|
|
|
border: none;
|
|
|
width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.el-tabs__nav-next,
|
|
@@ -146,9 +146,11 @@
|
|
|
color: #fff;
|
|
|
font-weight: 900;
|
|
|
}
|
|
|
- .el-tabs__header{
|
|
|
+
|
|
|
+ .el-tabs__header {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
+
|
|
|
.activeTab {
|
|
|
background-color: rgba(0, 0, 0, .4) !important;
|
|
|
font-weight: bold;
|
|
@@ -161,13 +163,12 @@
|
|
|
scrollbar-width: none;
|
|
|
}
|
|
|
|
|
|
- li {
|
|
|
+ .first li {
|
|
|
width: 90%;
|
|
|
- overflow: hidden;
|
|
|
- word-break: break-all;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis !important;
|
|
|
- -o-text-overflow: ellipsis;
|
|
|
+ line-height: 15px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin: 5px 0;
|
|
|
}
|
|
|
|
|
|
li>img {
|
|
@@ -433,11 +434,11 @@
|
|
|
<div class="contentBox">
|
|
|
<div class="contentItem">
|
|
|
<video autoplay loop muted playsinline controls controlslist="nodownload" style="width:100%;height: 100%;">
|
|
|
- <source style="width:100%;height: 100%;border-radius: 10px;" src="https://www.cqna.gov.cn/syygapi/index.mp4"
|
|
|
- type="video/mp4" />
|
|
|
+ <source style="width:100%;height: 100%;border-radius: 10px;"
|
|
|
+ src="https://www.cqna.gov.cn/syygapi/index.mp4" type="video/mp4" />
|
|
|
</video>
|
|
|
</div>
|
|
|
- <div class="contentItem">
|
|
|
+ <div class="contentItem first">
|
|
|
<el-tabs v-model="activeName" type="card" @tab-click="switchTab">
|
|
|
<el-tab-pane label="区位条件" name="1"></el-tab-pane>
|
|
|
<el-tab-pane label="创新优势" name="2"></el-tab-pane>
|
|
@@ -507,15 +508,16 @@
|
|
|
<span class="text">园区列表</span>
|
|
|
</div>
|
|
|
<div class="yqlb">
|
|
|
- <li class="mainList" v-for="(tab, index) in this.titleList" @click="golink(`dqfwNewMobile.html?id=${tab.id}`)"
|
|
|
- :key="index"><img src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />{{tab.title}}</li>
|
|
|
+ <li class="mainList" v-for="(tab, index) in this.titleList"
|
|
|
+ @click="golink(`dqfwNewMobile.html?id=${tab.id}`)" :key="index"><img
|
|
|
+ src="https://www.cqna.gov.cn/syygapi/naxsb/image/listcricle.png" />{{tab.title}}</li>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="contentItem" style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/tdgybg.png) no-repeat;background-size: 100% 100%;">
|
|
|
+ <div class="contentItem"
|
|
|
+ style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/tdgybg.png) no-repeat;background-size: 100% 100%;">
|
|
|
<div class="title">
|
|
|
<span class="text">土地供应</span>
|
|
|
- <span class="more"
|
|
|
- @click="golink('tdcrlistMobile.html?id=-1',1)">更多>></span>
|
|
|
+ <span class="more" @click="golink('tdcrlistMobile.html?id=-1',1)">更多>></span>
|
|
|
</div>
|
|
|
<div class="tdgy">
|
|
|
<div class="tdgyC">
|
|
@@ -532,11 +534,11 @@
|
|
|
:style="{ backgroundImage: 'url(' + tdBackgroundImage + ')'}"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="contentItem" style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/ztfwbg.png) no-repeat;background-size: 100% 100%;">
|
|
|
+ <div class="contentItem"
|
|
|
+ style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/ztfwbg.png) no-repeat;background-size: 100% 100%;">
|
|
|
<div class="title">
|
|
|
<span class="text">载体服务</span>
|
|
|
- <span class="more"
|
|
|
- @click="golink('ztcrlistMobile.html?id=-1',2)">更多>></span>
|
|
|
+ <span class="more" @click="golink('ztcrlistMobile.html?id=-1',2)">更多>></span>
|
|
|
</div>
|
|
|
<div class="ztfw">
|
|
|
<div class="ztfwC">
|
|
@@ -553,7 +555,8 @@
|
|
|
:style="{ backgroundImage: 'url(' + ztBackgroundImage + ')'}"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="contentItem" style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/yqfwbg.png) no-repeat;background-size: 100% 100%;margin-bottom: 10px;">
|
|
|
+ <div class="contentItem"
|
|
|
+ style="background:url(https://www.cqna.gov.cn/syygapi/naxsb/image/yqfwbg.png) no-repeat;background-size: 100% 100%;margin-bottom: 10px;">
|
|
|
<div class="title">
|
|
|
<span class="text">便企服务站</span>
|
|
|
</div>
|
|
@@ -671,14 +674,14 @@
|
|
|
document.querySelector('.ztfwC').style.marginTop = `-${i}px`
|
|
|
}, 50);
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
zoomInStepByStep(currentZoom, maxZoom) {
|
|
|
let that = this;
|
|
|
if (currentZoom <= maxZoom) {
|
|
|
map.setZoom(currentZoom, true);
|
|
|
setTimeout(function () {
|
|
|
that.zoomInStepByStep(currentZoom + 0.5, maxZoom);
|
|
|
- }, 100);
|
|
|
+ }, 100);
|
|
|
}
|
|
|
},
|
|
|
loadAllMap() {
|
|
@@ -688,8 +691,8 @@
|
|
|
.then(data => {
|
|
|
var centerPoint = data.features[0].properties.center;
|
|
|
map = new BMapGL.Map("map");
|
|
|
- map.enableScrollWheelZoom();
|
|
|
- map.enableDragging();
|
|
|
+ map.enableScrollWheelZoom();
|
|
|
+ map.enableDragging();
|
|
|
map.centerAndZoom(new BMapGL.Point(106.662444, 29.53282), 10);
|
|
|
map.setMapType(BMAP_NORMAL_MAP);
|
|
|
var pointList = data.features[0].geometry.coordinates[0][0];
|
|
@@ -716,7 +719,7 @@
|
|
|
result.push(new BMapGL.Point(arr[0], arr[1]));
|
|
|
});
|
|
|
var color = polygonData.color;
|
|
|
-
|
|
|
+
|
|
|
let polygon = new BMapGL.Polygon(result, {
|
|
|
strokeColor: "transparent",
|
|
|
strokeWeight: 0,
|
|
@@ -728,17 +731,17 @@
|
|
|
map.addOverlay(polygon);
|
|
|
var id = polygonData.id;
|
|
|
|
|
|
-
|
|
|
+
|
|
|
var label = new BMapGL.Label(polygonData.title, {
|
|
|
position: polygon.getBounds().getCenter(),
|
|
|
offset: new BMapGL.Size(0, 0)
|
|
|
});
|
|
|
label.setStyle({
|
|
|
- color: "#fff",
|
|
|
- borderColor: "transparent",
|
|
|
- borderWeight: 0,
|
|
|
+ color: "#fff",
|
|
|
+ borderColor: "transparent",
|
|
|
+ borderWeight: 0,
|
|
|
fontSize: "12px",
|
|
|
- backgroundColor: "rgba(0,0,0,0.5)",
|
|
|
+ backgroundColor: "rgba(0,0,0,0.5)",
|
|
|
padding: "2px 5px",
|
|
|
borderRadius: "5px",
|
|
|
borderStyle: "solid"
|
|
@@ -748,13 +751,13 @@
|
|
|
label.setStyle({ display: "block" });
|
|
|
});
|
|
|
|
|
|
-
|
|
|
+
|
|
|
polygon.addEventListener("mouseout", function () {
|
|
|
-
|
|
|
+
|
|
|
label.setStyle({ display: "none" });
|
|
|
});
|
|
|
|
|
|
-
|
|
|
+
|
|
|
polygon.addEventListener("click", function () {
|
|
|
window.location.href = 'dqfwNewMobile.html?id=' + id;
|
|
|
});
|