|
|
@@ -7,11 +7,9 @@
|
|
|
class="radar-scan-an"
|
|
|
v-show="radarShow"
|
|
|
:style="`width: ${radarScanStyle.width}; heigth: ${radarScanStyle.height}; top: ${radarScanStyle.top};left: ${radarScanStyle.left};`"
|
|
|
- >
|
|
|
- </div>
|
|
|
+ ></div>
|
|
|
</div>
|
|
|
<div class="right-tool">
|
|
|
-
|
|
|
<div class="layer-container">
|
|
|
<div
|
|
|
class="layer-panel"
|
|
|
@@ -64,7 +62,10 @@
|
|
|
<div class="content_box">
|
|
|
<div class="one_box">
|
|
|
<div>智搜地块，慧定乾坤</div>
|
|
|
- <div class="desc">你好，我可以根据你的指令，进行图层控制、智能找地、统计 分析等功能。</div>
|
|
|
+ <div class="desc">
|
|
|
+ 你好，我可以根据你的指令，进行图层控制、智能找地、统计
|
|
|
+ 分析等功能。
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="two_box">
|
|
|
<p class="title">你可以试着这样问我：</p>
|
|
|
@@ -76,18 +77,34 @@
|
|
|
<span class="txt">例：请帮我打开永久基本农田图层</span>
|
|
|
</span>
|
|
|
</li>
|
|
|
- <li @click="hotQuestionReset('帮我在萧山区找出面积大于100亩的永久基本农田图斑')">
|
|
|
+ <li
|
|
|
+ @click="
|
|
|
+ hotQuestionReset(
|
|
|
+ '帮我在萧山区找出面积大于100亩的永久基本农田图斑'
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
<span class="icon"></span>
|
|
|
<span class="desc">
|
|
|
<span class="title">智能找地</span>
|
|
|
- <span class="txt">例：帮我在萧山区找出面积大于100亩的永久基本农田图斑</span>
|
|
|
+ <span class="txt"
|
|
|
+ >例：帮我在萧山区找出面积大于100亩的永久基本农田图斑</span
|
|
|
+ >
|
|
|
</span>
|
|
|
</li>
|
|
|
- <li @click="hotQuestionReset('帮我统计一下余杭区恢复属性管理的林地规模')">
|
|
|
+ <li
|
|
|
+ @click="
|
|
|
+ hotQuestionReset(
|
|
|
+ '帮我统计一下余杭区恢复属性管理的林地规模'
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
<span class="icon"></span>
|
|
|
<span class="desc">
|
|
|
<span class="title">统计分析</span>
|
|
|
- <span class="txt">例：帮我统计一下余杭区恢复属性管理的林地规模</span>
|
|
|
+ <span class="txt"
|
|
|
+ >例：帮我统计一下余杭区恢复属性管理的林地规模</span
|
|
|
+ >
|
|
|
</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -140,7 +157,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<template v-if="showResult">
|
|
|
- <div class="xg-title">
|
|
|
+ <div class="xg-title">
|
|
|
<img src="~@/assets/image/cyyd/fk.png" />
|
|
|
<div class="name">回答</div>
|
|
|
</div>
|
|
|
@@ -161,14 +178,14 @@
|
|
|
<div class="number">{{ i + 1 }}</div>
|
|
|
<div class="content">
|
|
|
<h3>
|
|
|
- {{ citem.dlmc }}
|
|
|
+ {{ citem.name }}
|
|
|
</h3>
|
|
|
<p>
|
|
|
<span class="content-item"
|
|
|
- >行政区名称:{{ citem.xzqmc ? citem.xzqmc : "-" }}</span
|
|
|
+ >行政区名称:{{ citem.tdyt ? citem.tdyt : "-" }}</span
|
|
|
>
|
|
|
<span class="content-item"
|
|
|
- >面积:{{ citem.yjjbnttbmj?(citem.yjjbnttbmj*0.0015).toFixed(2):0 }}亩</span
|
|
|
+ >面积:{{ citem.dkmj }}亩</span
|
|
|
>
|
|
|
</p>
|
|
|
</div>
|
|
|
@@ -269,7 +286,7 @@ import wkt from "wellknown";
|
|
|
import VueMarkdownIt from "vue-markdown-it";
|
|
|
import landMethods from "@/api/land";
|
|
|
import AIBtn from "@/components/AIBtn.vue";
|
|
|
-import LC from "@/assets/layerConfig.js"
|
|
|
+import LC from "@/assets/layerConfig.js";
|
|
|
export default {
|
|
|
components: {
|
|
|
industrialTop,
|
|
|
@@ -392,77 +409,20 @@ export default {
|
|
|
// this.showQuery = true;
|
|
|
// this.xgdk = [
|
|
|
// {
|
|
|
- // objectid: 1898278,
|
|
|
- // xzqmc: "萧山区",
|
|
|
- // xzqdm: 330109,
|
|
|
- // dymc: "",
|
|
|
- // yddm: "M1",
|
|
|
- // ydxz: "一类工业用地",
|
|
|
- // ydmj: 4.11,
|
|
|
- // rjlsx: 3,
|
|
|
- // rjlxx: 1,
|
|
|
- // jzmdsx: 1,
|
|
|
- // jzmdxx: 1,
|
|
|
- // jzgdsx: 1,
|
|
|
- // jzgdxx: 1,
|
|
|
- // ldlsx: 1,
|
|
|
- // ldlxx: 1,
|
|
|
- // center_wkt: "POINT(120.532207502681 30.1664883620282)",
|
|
|
- // geom: "POLYGON((120.530131556 30.168314732,120.530525256 30.168215047,120.530878871 30.168123523,120.531632501 30.16792846,120.531631828 30.167926322,120.531631117 30.167924192,120.531630373 30.167922072,120.531629593 30.16791996,120.531544007 30.167693986,120.531364964 30.167155818,120.531320061 30.167020849,120.530246946 30.167281865,120.530103254 30.166849934,120.529762626 30.165826014,120.52896681 30.166024878,120.528937662 30.166031967,120.528908402 30.166038698,120.528879035 30.166045068,120.528849567 30.166051076,120.528820004 30.166056722,120.528833696 30.166089628,120.52889148 30.166213522,120.528920385 30.166204896,120.528934816 30.166238378,120.529183192 30.166165913,120.529253176 30.1663749,120.529253546 30.16637481,120.529253601 30.166374968,120.52926568 30.166371977,120.529271071 30.166384946,120.529000619 30.166485071,120.5290278 30.166544188,120.529126001 30.16671611,120.529200817 30.166846306,120.529267328 30.166968542,120.529310181 30.167048353,120.529381231 30.167243535,120.529403943 30.167305507,120.529514176 30.167606297,120.529609137 30.16787516,120.529736109 30.168180701,120.529812571 30.168370639,120.529820607 30.168391677,120.530131556 30.168314732))",
|
|
|
+ // objectid: 1899277,
|
|
|
// },
|
|
|
// {
|
|
|
- // objectid: 2091,
|
|
|
- // xzqmc: "萧山区",
|
|
|
- // xzqdm: 330109,
|
|
|
- // dymc: "",
|
|
|
- // yddm: "M1",
|
|
|
- // ydxz: "一类工业用地",
|
|
|
- // ydmj: 4.01,
|
|
|
- // rjlsx: 3,
|
|
|
- // rjlxx: 1,
|
|
|
- // jzmdsx: 1,
|
|
|
- // jzmdxx: 1,
|
|
|
- // jzgdsx: 1,
|
|
|
- // jzgdxx: 1,
|
|
|
- // ldlsx: 1,
|
|
|
- // ldlxx: 1,
|
|
|
- // center_wkt: "POINT(120.527286218151 30.1681019850924)",
|
|
|
- // geom: "POLYGON((120.537755625 30.180120155,120.538096026 30.180016897,120.538130112 30.180101238,120.53840443 30.180038604,120.538635688 30.179985801,120.538690742 30.179973231,120.538668558 30.179921898,120.538503023 30.179568443,120.538319597 30.179176783,120.538294432 30.179132302,120.538240693 30.179138349,120.537922455 30.179225031,120.537918655 30.17921591,120.537917661 30.179213054,120.537557113 30.178312381,120.537309966 30.177721942,120.536887458 30.177806658,120.536126249 30.178008438,120.53612485 30.178011462,120.536106701 30.178054671,120.53611147 30.178067168,120.536192522 30.178279549,120.536845675 30.179858098,120.536847251 30.179861474,120.537580483 30.179665201,120.537724753 30.180063279,120.537726707 30.18006447,120.537726917 30.180065118,120.537735187 30.180062925,120.537755625 30.180120155))",
|
|
|
+ // objectid: 1898079,
|
|
|
// },
|
|
|
// {
|
|
|
- // objectid: 1924,
|
|
|
- // xzqmc: "萧山区",
|
|
|
- // xzqdm: 330109,
|
|
|
- // dymc: "物流产业单元",
|
|
|
- // yddm: "M1",
|
|
|
- // ydxz: "一类兼容二类工业用地",
|
|
|
- // ydmj: 3.95,
|
|
|
- // rjlsx: 3,
|
|
|
- // rjlxx: 1,
|
|
|
- // jzmdsx: 1,
|
|
|
- // jzmdxx: 1,
|
|
|
- // jzgdsx: 1,
|
|
|
- // jzgdxx: 1,
|
|
|
- // ldlsx: 1,
|
|
|
- // ldlxx: 1,
|
|
|
- // center_wkt: "POINT(120.485180194156 30.2474354153549)",
|
|
|
- // geom: "POLYGON((120.502129268 30.168593076,120.501546244 30.167333288,120.501537309 30.167317156,120.501526002 30.167302191,120.500703524 30.167926949,120.499290933 30.168947797,120.499089718 30.169139869,120.499102336 30.169156599,120.499478655 30.169583076,120.499495744 30.169599471,120.499515679 30.169613228,120.499537927 30.169623978,120.499561893 30.169631437,120.499586937 30.169635401,120.499612391 30.169635768,120.499637573 30.169632527,120.49966181 30.169625764,120.500722401 30.169244194,120.502044364 30.168768574,120.502068293 30.168757769,120.502089718 30.168743538,120.502107997 30.168726308,120.50212258 30.168706597,120.50213303 30.168684996,120.502139035 30.168662151,120.502140414 30.16863875,120.502137126 30.168615492,120.502129268 30.168593076))",
|
|
|
+ // objectid: 1899498,
|
|
|
// },
|
|
|
// ];
|
|
|
- // this.addGdLayer(this.xgdk);
|
|
|
- // this.detailData = {
|
|
|
- // id: 48668,
|
|
|
- // dkid: "1895353609416212480",
|
|
|
- // xzqmc: "萧山区",
|
|
|
- // dkmc: "湘湖国家旅游度假区建设工矿仓储项目",
|
|
|
- // address: "位于萧山区义桥镇，东至空地，南至空地，西至空地，北至云临路。",
|
|
|
- // dkmj: 60.714,
|
|
|
- // tdyt: "工业用地",
|
|
|
- // tax: "100",
|
|
|
- // center_wkt: "POINT(120.912063 29.486802)",
|
|
|
- // };
|
|
|
- // this.showDetail = true;
|
|
|
|
|
|
+ // let that = this;
|
|
|
+ // this.getDetailByIdList(this.xgdk, (data) => {
|
|
|
+ // this.xgdk = data;
|
|
|
+ // });
|
|
|
});
|
|
|
},
|
|
|
created() {
|
|
|
@@ -474,15 +434,15 @@ export default {
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
- toggleContentVisabledAll () {
|
|
|
+ toggleContentVisabledAll() {
|
|
|
this.mContentVisabled = !this.mContentVisabled;
|
|
|
this.xgdk.forEach((item) => {
|
|
|
- item['show'] = this.mContentVisabled
|
|
|
- })
|
|
|
+ item["show"] = this.mContentVisabled;
|
|
|
+ });
|
|
|
},
|
|
|
- toggleContentVisabled (item) {
|
|
|
- item['show'] = item['show'] ? false : true
|
|
|
- this.mContentVisabled = item['show']
|
|
|
+ toggleContentVisabled(item) {
|
|
|
+ item["show"] = item["show"] ? false : true;
|
|
|
+ this.mContentVisabled = item["show"];
|
|
|
},
|
|
|
mapExtend() {
|
|
|
// 18级的地图
|
|
|
@@ -496,6 +456,31 @@ export default {
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
+ getDetailByIdList(idList, func) {
|
|
|
+ idList = idList.map((ele) => ele.objectid);
|
|
|
+ this.yjjbntQuery(idList, (res) => {
|
|
|
+ let result = res.map((ele) => {
|
|
|
+ let viewObj = {
|
|
|
+ id: ele.objectid,
|
|
|
+ name: ele.dlmc,
|
|
|
+ tdyt: ele.xzqmc,
|
|
|
+ dkmj: (ele.yjjbnttbmj * 0.0015).toFixed(2),
|
|
|
+ center_wkt: ele.center_wkt,
|
|
|
+ };
|
|
|
+ return viewObj;
|
|
|
+ });
|
|
|
+ func(result);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ yjjbntQuery(idList, callback) {
|
|
|
+ let idStr = idList.join();
|
|
|
+ let queryGeometryUrl = window.ApplicationConfig.yjjbntQueryUrl;
|
|
|
+ axios.get(queryGeometryUrl, { params: { id: idStr } }).then((data) => {
|
|
|
+ if (data && data.data && data.data.length) {
|
|
|
+ callback(data.data);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
addGdLayer(dklist) {
|
|
|
if (this.geoLayer) {
|
|
|
this.map.removeLayer(this.geoLayer);
|
|
|
@@ -613,7 +598,7 @@ export default {
|
|
|
this.inputText = this.input;
|
|
|
this.hotQuestionReset(this.inputText);
|
|
|
},
|
|
|
- hotQuestionReset (text = '') {
|
|
|
+ hotQuestionReset(text = "") {
|
|
|
this.inputText = text;
|
|
|
if (this.inputText == "" || this.inputText == null) {
|
|
|
this.$Message.info("请输入");
|
|
|
@@ -634,7 +619,7 @@ export default {
|
|
|
this.toggleInfoTab();
|
|
|
this.toggleTab(0);
|
|
|
},
|
|
|
- zwsend () {
|
|
|
+ zwsend() {
|
|
|
if (!this.zwinputText) {
|
|
|
this.zwinputText = "请帮我查一下萧山区永久基本农田面积大于100亩的地块";
|
|
|
}
|
|
|
@@ -706,7 +691,7 @@ export default {
|
|
|
if (item.layer === undefined || item.layer == null) {
|
|
|
if (item.type == "dynamic") {
|
|
|
item.layer = dynamicMapLayer({
|
|
|
- layers:[0],
|
|
|
+ layers: [0],
|
|
|
url: item.url,
|
|
|
f: "image",
|
|
|
});
|
|
|
@@ -770,7 +755,6 @@ export default {
|
|
|
attributionControl: false, //去掉右下角的logo
|
|
|
});
|
|
|
|
|
|
-
|
|
|
//默认加载所有选中图层
|
|
|
this.layers.forEach((layerGroup) => {
|
|
|
layerGroup.layers.forEach((oneLayer) => {
|
|
|
@@ -856,8 +840,8 @@ export default {
|
|
|
},
|
|
|
//显示地块详情，先获取地块图斑，定位、路线、和地类分析需要叠加获取相交地块
|
|
|
showDetailModal(item, index) {
|
|
|
- console.log("item:"+item);
|
|
|
- console.log(item)
|
|
|
+ console.log("item:");
|
|
|
+ console.log(item);
|
|
|
this.clearMark();
|
|
|
this.activeItem = item;
|
|
|
//高亮marker
|
|
|
@@ -944,23 +928,18 @@ export default {
|
|
|
this.map.removeLayer(this.identifyGeojsonLayer);
|
|
|
}
|
|
|
|
|
|
- let queryGeometryUrl = window.ApplicationConfig.queryYjjbntGeometryUrl;
|
|
|
let that = this;
|
|
|
- axios
|
|
|
- .get(queryGeometryUrl, { params: { id: item.objectid } })
|
|
|
- .then((data) => {
|
|
|
- if (data && data.data && data.data.length) {
|
|
|
- that.detailData = data.data[0];
|
|
|
- let geojson = wkt.parse(data.data[0].geom);
|
|
|
- var geos = L.geoJSON(geojson, {
|
|
|
- style: function (feature) {
|
|
|
- return { color: "red", fillOpacity: 0 };
|
|
|
- },
|
|
|
- });
|
|
|
- that.geojsonLayer = geos.addTo(that.map);
|
|
|
- that.map.fitBounds(geos.getBounds(), { padding: [200, 200] });
|
|
|
- }
|
|
|
+ this.yjjbntQuery([item.id], (res) => {
|
|
|
+ that.detailData = res[0];
|
|
|
+ let geojson = wkt.parse(res[0].geom);
|
|
|
+ var geos = L.geoJSON(geojson, {
|
|
|
+ style: function (feature) {
|
|
|
+ return { color: "red", fillOpacity: 0 };
|
|
|
+ },
|
|
|
});
|
|
|
+ that.geojsonLayer = geos.addTo(that.map);
|
|
|
+ that.map.fitBounds(geos.getBounds(), { padding: [200, 200] });
|
|
|
+ });
|
|
|
},
|
|
|
locationByGeojson(geojson, name) {
|
|
|
if (this.cyyqLayer) {
|
|
|
@@ -1073,7 +1052,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
//详情页tab切换地图绘制相关清空
|
|
|
- toggleInfoTab(type,index) {
|
|
|
+ toggleInfoTab(type, index) {
|
|
|
console.log(type, index);
|
|
|
if (this.markerLayer) {
|
|
|
this.map.removeLayer(this.markerLayer);
|
|
|
@@ -1100,22 +1079,22 @@ export default {
|
|
|
}
|
|
|
if (type == "jbxx") {
|
|
|
//现状分析
|
|
|
- if(index==1) {
|
|
|
- this.checkedJbxxLayers(3,4,5)
|
|
|
- } else if(index==2) {
|
|
|
- this.checkedJbxxLayers(4,3,5)
|
|
|
- }else if(index==3) {
|
|
|
- this.checkedJbxxLayers(5,3,4)
|
|
|
+ if (index == 1) {
|
|
|
+ this.checkedJbxxLayers(3, 4, 5);
|
|
|
+ } else if (index == 2) {
|
|
|
+ this.checkedJbxxLayers(4, 3, 5);
|
|
|
+ } else if (index == 3) {
|
|
|
+ this.checkedJbxxLayers(5, 3, 4);
|
|
|
}
|
|
|
- } else if(type=='qyts'){
|
|
|
+ } else if (type == "qyts") {
|
|
|
this.checkedQysLayers(index);
|
|
|
- } else if(type == 'zhjt'){
|
|
|
+ } else if (type == "zhjt") {
|
|
|
this.checkedOtherLayers();
|
|
|
- } else if(type == 'ggss'){
|
|
|
+ } else if (type == "ggss") {
|
|
|
this.checkedOtherLayers();
|
|
|
- }
|
|
|
- },
|
|
|
- checkedOtherLayers(){
|
|
|
+ }
|
|
|
+ },
|
|
|
+ checkedOtherLayers() {
|
|
|
this.layers[2].layers.forEach((item) => {
|
|
|
if (item.checked) {
|
|
|
item.checked = false;
|
|
|
@@ -1142,8 +1121,8 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
checkedQysLayers(selectIndex) {
|
|
|
- this.layers[2].layers.forEach((item,index) => {
|
|
|
- if(index==selectIndex && !item.checked) {
|
|
|
+ this.layers[2].layers.forEach((item, index) => {
|
|
|
+ if (index == selectIndex && !item.checked) {
|
|
|
item.checked = true;
|
|
|
this.switchMapLayer(item);
|
|
|
} else {
|
|
|
@@ -1170,7 +1149,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- checkedJbxxLayers(index1,index2,index3) {
|
|
|
+ checkedJbxxLayers(index1, index2, index3) {
|
|
|
this.layers[index1].layers.forEach((item) => {
|
|
|
if (!item.checked) {
|
|
|
item.checked = true;
|
|
|
@@ -1239,7 +1218,9 @@ export default {
|
|
|
});
|
|
|
this.map.flyTo([centerList[1], centerList[0]], 17);
|
|
|
}
|
|
|
-
|
|
|
+ },
|
|
|
+ openYjjbnt() {
|
|
|
+
|
|
|
},
|
|
|
//所有地块仿百度地图绘制
|
|
|
showXgdkCenterPoint() {
|
|
|
@@ -1467,13 +1448,16 @@ export default {
|
|
|
.replaceAll("\n```\n", "");
|
|
|
exec_res = JSON.parse(exec_res);
|
|
|
var dk = exec_res;
|
|
|
- console.log("dk: ", dk);
|
|
|
- T.xgdk = dk;
|
|
|
- T.clearMark();
|
|
|
- T.showXgdkCenterPoint();
|
|
|
- T.addGdLayer(T.xgdk);
|
|
|
+
|
|
|
+ T.getDetailByIdList(dk, (data) => {
|
|
|
+ T.clearMark();
|
|
|
+ // T.addGdLayer(data);
|
|
|
+ T.xgdk = data;
|
|
|
+ T.showXgdkCenterPoint();
|
|
|
+ T.addGdLayer(T.xgdk);
|
|
|
+ });
|
|
|
+
|
|
|
T.answer = e.data;
|
|
|
- // T.burialPoint();
|
|
|
} else {
|
|
|
T.xgdk = [];
|
|
|
T.clearMark();
|
|
|
@@ -1776,11 +1760,11 @@ export default {
|
|
|
padding: 20px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- >.box {
|
|
|
+ > .box {
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
align-items: flex-start;
|
|
|
- >div {
|
|
|
+ > div {
|
|
|
&.summary-icon {
|
|
|
width: 38px;
|
|
|
height: 38px;
|
|
|
@@ -1789,67 +1773,72 @@ export default {
|
|
|
border-radius: 50%;
|
|
|
margin-right: 5px;
|
|
|
flex-shrink: 0;
|
|
|
- >img {
|
|
|
+ > img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
&.content_box {
|
|
|
- >div {
|
|
|
+ > div {
|
|
|
&.one_box {
|
|
|
- >div {
|
|
|
+ > div {
|
|
|
&:first-child {
|
|
|
font-size: 30px;
|
|
|
font-weight: bold;
|
|
|
color: transparent;
|
|
|
- background: linear-gradient( 270deg, #2E3CF5 0%, #2E74F8 47%, #258FF8 100%);
|
|
|
+ background: linear-gradient(
|
|
|
+ 270deg,
|
|
|
+ #2e3cf5 0%,
|
|
|
+ #2e74f8 47%,
|
|
|
+ #258ff8 100%
|
|
|
+ );
|
|
|
-webkit-background-clip: text;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
&.two_box {
|
|
|
- >.title {
|
|
|
+ > .title {
|
|
|
margin: 10px 0px;
|
|
|
}
|
|
|
- >ul {
|
|
|
+ > ul {
|
|
|
list-style: none;
|
|
|
- >li {
|
|
|
+ > li {
|
|
|
padding: 15px;
|
|
|
margin-bottom: 10px;
|
|
|
- background: #F5F9FF;
|
|
|
+ background: #f5f9ff;
|
|
|
border-radius: 6px 6px 6px 6px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
cursor: pointer;
|
|
|
&:nth-child(1) {
|
|
|
- >.icon {
|
|
|
- background-image: url(~@/assets/image/staticImage/tckz_icon.png)
|
|
|
+ > .icon {
|
|
|
+ background-image: url(~@/assets/image/staticImage/tckz_icon.png);
|
|
|
}
|
|
|
}
|
|
|
&:nth-child(2) {
|
|
|
- >.icon {
|
|
|
- background-image: url(~@/assets/image/staticImage/znzd_icon.png)
|
|
|
+ > .icon {
|
|
|
+ background-image: url(~@/assets/image/staticImage/znzd_icon.png);
|
|
|
}
|
|
|
}
|
|
|
&:nth-child(3) {
|
|
|
- >.icon {
|
|
|
- background-image: url(~@/assets/image/staticImage/tjfx_icon.png)
|
|
|
+ > .icon {
|
|
|
+ background-image: url(~@/assets/image/staticImage/tjfx_icon.png);
|
|
|
}
|
|
|
}
|
|
|
- >span {
|
|
|
+ > span {
|
|
|
&.icon {
|
|
|
display: block;
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100%;
|
|
|
background-position: center;
|
|
|
width: 46px;
|
|
|
- height:46px;
|
|
|
+ height: 46px;
|
|
|
border-radius: 6px;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
&.desc {
|
|
|
flex: 1;
|
|
|
- >span {
|
|
|
+ > span {
|
|
|
display: block;
|
|
|
&.title {
|
|
|
font-size: 20px;
|
liutao
