From 4e504ecb2eac4ff4b0335ca2d1e29fc498fd920f Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期五, 05 三月 2021 15:48:42 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
public/assets/images/map/sewers/码头.png | 0
public/assets/images/map/sewers/污水终点.png | 0
public/assets/images/map/sewers/雨篦子.png | 0
public/assets/images/map/sewers/报警设备.png | 0
src/components/panel/LegendPanel.vue | 407 +++++++++++++++++++++++++++++++++------------------------
public/assets/images/map/sewers/泵.png | 0
public/assets/images/map/sewers/四通.png | 0
public/assets/images/map/sewers/液位计.png | 0
public/assets/images/map/sewers/雨水排口.png | 0
public/assets/images/map/sewers/社会专业应急救援.png | 0
public/assets/images/map/sewers/集水池.png | 0
public/assets/images/map/sewers/弯头.png | 0
public/assets/images/map/sewers/污水排口.png | 0
public/assets/images/map/sewers/维抢修队伍.png | 0
public/assets/images/map/sewers/阀门.png | 0
public/assets/images/map/sewers/水体.png | 0
public/assets/images/map/sewers/环境监测单位.png | 0
public/assets/images/map/sewers/三通.png | 0
public/assets/images/map/sewers/医院.png | 0
public/assets/images/map/sewers/窨井.png | 0
public/assets/images/map/sewers/排放口周边敏感信息.png | 0
public/assets/images/map/sewers/救援物资.png | 0
public/assets/images/map/sewers/自然保护区.png | 0
public/assets/images/map/sewers/流量计.png | 0
public/assets/images/map/sewers/敏感目标.png | 0
public/assets/images/map/sewers/中心控制点.png | 0
public/assets/images/map/sewers/检测点.png | 0
public/assets/images/map/sewers/污水起点.png | 0
public/assets/images/map/sewers/消防单位.png | 0
public/assets/images/map/sewers/隔油池.png | 0
public/assets/images/map/sewers/监测点指标污染物分析.png | 0
31 files changed, 235 insertions(+), 172 deletions(-)
diff --git "a/public/assets/images/map/sewers/\344\270\211\351\200\232.png" "b/public/assets/images/map/sewers/\344\270\211\351\200\232.png"
index 5f95432..ade26be 100644
--- "a/public/assets/images/map/sewers/\344\270\211\351\200\232.png"
+++ "b/public/assets/images/map/sewers/\344\270\211\351\200\232.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\344\270\255\345\277\203\346\216\247\345\210\266\347\202\271.png" "b/public/assets/images/map/sewers/\344\270\255\345\277\203\346\216\247\345\210\266\347\202\271.png"
index 4deef7e..0a84f2b 100644
--- "a/public/assets/images/map/sewers/\344\270\255\345\277\203\346\216\247\345\210\266\347\202\271.png"
+++ "b/public/assets/images/map/sewers/\344\270\255\345\277\203\346\216\247\345\210\266\347\202\271.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\345\214\273\351\231\242.png" "b/public/assets/images/map/sewers/\345\214\273\351\231\242.png"
index 2d1b478..0c21ddc 100644
--- "a/public/assets/images/map/sewers/\345\214\273\351\231\242.png"
+++ "b/public/assets/images/map/sewers/\345\214\273\351\231\242.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\345\233\233\351\200\232.png" "b/public/assets/images/map/sewers/\345\233\233\351\200\232.png"
index 5606fbb..1f9f78e 100644
--- "a/public/assets/images/map/sewers/\345\233\233\351\200\232.png"
+++ "b/public/assets/images/map/sewers/\345\233\233\351\200\232.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\345\274\257\345\244\264.png" "b/public/assets/images/map/sewers/\345\274\257\345\244\264.png"
index aa9c329..cabd52b 100644
--- "a/public/assets/images/map/sewers/\345\274\257\345\244\264.png"
+++ "b/public/assets/images/map/sewers/\345\274\257\345\244\264.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\212\245\350\255\246\350\256\276\345\244\207.png" "b/public/assets/images/map/sewers/\346\212\245\350\255\246\350\256\276\345\244\207.png"
index 6d0ea29..d36cabf 100644
--- "a/public/assets/images/map/sewers/\346\212\245\350\255\246\350\256\276\345\244\207.png"
+++ "b/public/assets/images/map/sewers/\346\212\245\350\255\246\350\256\276\345\244\207.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\216\222\346\224\276\345\217\243\345\221\250\350\276\271\346\225\217\346\204\237\344\277\241\346\201\257.png" "b/public/assets/images/map/sewers/\346\216\222\346\224\276\345\217\243\345\221\250\350\276\271\346\225\217\346\204\237\344\277\241\346\201\257.png"
index 57eb433..6958412 100644
--- "a/public/assets/images/map/sewers/\346\216\222\346\224\276\345\217\243\345\221\250\350\276\271\346\225\217\346\204\237\344\277\241\346\201\257.png"
+++ "b/public/assets/images/map/sewers/\346\216\222\346\224\276\345\217\243\345\221\250\350\276\271\346\225\217\346\204\237\344\277\241\346\201\257.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\225\217\346\204\237\347\233\256\346\240\207.png" "b/public/assets/images/map/sewers/\346\225\217\346\204\237\347\233\256\346\240\207.png"
index eef925e..3a9e298 100644
--- "a/public/assets/images/map/sewers/\346\225\217\346\204\237\347\233\256\346\240\207.png"
+++ "b/public/assets/images/map/sewers/\346\225\217\346\204\237\347\233\256\346\240\207.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\225\221\346\217\264\347\211\251\350\265\204.png" "b/public/assets/images/map/sewers/\346\225\221\346\217\264\347\211\251\350\265\204.png"
index 5ab3a74..090a7ae 100644
--- "a/public/assets/images/map/sewers/\346\225\221\346\217\264\347\211\251\350\265\204.png"
+++ "b/public/assets/images/map/sewers/\346\225\221\346\217\264\347\211\251\350\265\204.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\243\200\346\265\213\347\202\271.png" "b/public/assets/images/map/sewers/\346\243\200\346\265\213\347\202\271.png"
new file mode 100644
index 0000000..06ea508
--- /dev/null
+++ "b/public/assets/images/map/sewers/\346\243\200\346\265\213\347\202\271.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\260\264\344\275\223.png" "b/public/assets/images/map/sewers/\346\260\264\344\275\223.png"
index 423eb4d..bc4c1a2 100644
--- "a/public/assets/images/map/sewers/\346\260\264\344\275\223.png"
+++ "b/public/assets/images/map/sewers/\346\260\264\344\275\223.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\261\241\346\260\264\346\216\222\345\217\243.png" "b/public/assets/images/map/sewers/\346\261\241\346\260\264\346\216\222\345\217\243.png"
index c6170c5..ebc9668 100644
--- "a/public/assets/images/map/sewers/\346\261\241\346\260\264\346\216\222\345\217\243.png"
+++ "b/public/assets/images/map/sewers/\346\261\241\346\260\264\346\216\222\345\217\243.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\261\241\346\260\264\347\273\210\347\202\271.png" "b/public/assets/images/map/sewers/\346\261\241\346\260\264\347\273\210\347\202\271.png"
index 42ac9cc..e8d7b78 100644
--- "a/public/assets/images/map/sewers/\346\261\241\346\260\264\347\273\210\347\202\271.png"
+++ "b/public/assets/images/map/sewers/\346\261\241\346\260\264\347\273\210\347\202\271.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\261\241\346\260\264\350\265\267\347\202\271.png" "b/public/assets/images/map/sewers/\346\261\241\346\260\264\350\265\267\347\202\271.png"
index 92e4b41..6741774 100644
--- "a/public/assets/images/map/sewers/\346\261\241\346\260\264\350\265\267\347\202\271.png"
+++ "b/public/assets/images/map/sewers/\346\261\241\346\260\264\350\265\267\347\202\271.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\263\265.png" "b/public/assets/images/map/sewers/\346\263\265.png"
index b982339..aeea201 100644
--- "a/public/assets/images/map/sewers/\346\263\265.png"
+++ "b/public/assets/images/map/sewers/\346\263\265.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\265\201\351\207\217\350\256\241.png" "b/public/assets/images/map/sewers/\346\265\201\351\207\217\350\256\241.png"
index 46e3926..a7d3813 100644
--- "a/public/assets/images/map/sewers/\346\265\201\351\207\217\350\256\241.png"
+++ "b/public/assets/images/map/sewers/\346\265\201\351\207\217\350\256\241.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\266\210\351\230\262\345\215\225\344\275\215.png" "b/public/assets/images/map/sewers/\346\266\210\351\230\262\345\215\225\344\275\215.png"
index e257bb0..c1e0ad3 100644
--- "a/public/assets/images/map/sewers/\346\266\210\351\230\262\345\215\225\344\275\215.png"
+++ "b/public/assets/images/map/sewers/\346\266\210\351\230\262\345\215\225\344\275\215.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\346\266\262\344\275\215\350\256\241.png" "b/public/assets/images/map/sewers/\346\266\262\344\275\215\350\256\241.png"
index 9a08a84..a4a3acb 100644
--- "a/public/assets/images/map/sewers/\346\266\262\344\275\215\350\256\241.png"
+++ "b/public/assets/images/map/sewers/\346\266\262\344\275\215\350\256\241.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\347\216\257\345\242\203\347\233\221\346\265\213\345\215\225\344\275\215.png" "b/public/assets/images/map/sewers/\347\216\257\345\242\203\347\233\221\346\265\213\345\215\225\344\275\215.png"
index fa718aa..62f9e39 100644
--- "a/public/assets/images/map/sewers/\347\216\257\345\242\203\347\233\221\346\265\213\345\215\225\344\275\215.png"
+++ "b/public/assets/images/map/sewers/\347\216\257\345\242\203\347\233\221\346\265\213\345\215\225\344\275\215.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\347\233\221\346\265\213\347\202\271\346\214\207\346\240\207\346\261\241\346\237\223\347\211\251\345\210\206\346\236\220.png" "b/public/assets/images/map/sewers/\347\233\221\346\265\213\347\202\271\346\214\207\346\240\207\346\261\241\346\237\223\347\211\251\345\210\206\346\236\220.png"
index 011c584..3650bae 100644
--- "a/public/assets/images/map/sewers/\347\233\221\346\265\213\347\202\271\346\214\207\346\240\207\346\261\241\346\237\223\347\211\251\345\210\206\346\236\220.png"
+++ "b/public/assets/images/map/sewers/\347\233\221\346\265\213\347\202\271\346\214\207\346\240\207\346\261\241\346\237\223\347\211\251\345\210\206\346\236\220.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\347\240\201\345\244\264.png" "b/public/assets/images/map/sewers/\347\240\201\345\244\264.png"
index 10bed6c..9c9fee7 100644
--- "a/public/assets/images/map/sewers/\347\240\201\345\244\264.png"
+++ "b/public/assets/images/map/sewers/\347\240\201\345\244\264.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\347\244\276\344\274\232\344\270\223\344\270\232\345\272\224\346\200\245\346\225\221\346\217\264.png" "b/public/assets/images/map/sewers/\347\244\276\344\274\232\344\270\223\344\270\232\345\272\224\346\200\245\346\225\221\346\217\264.png"
index a464b49..c4b4380 100644
--- "a/public/assets/images/map/sewers/\347\244\276\344\274\232\344\270\223\344\270\232\345\272\224\346\200\245\346\225\221\346\217\264.png"
+++ "b/public/assets/images/map/sewers/\347\244\276\344\274\232\344\270\223\344\270\232\345\272\224\346\200\245\346\225\221\346\217\264.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\347\252\250\344\272\225.png" "b/public/assets/images/map/sewers/\347\252\250\344\272\225.png"
index a0698f9..eed475c 100644
--- "a/public/assets/images/map/sewers/\347\252\250\344\272\225.png"
+++ "b/public/assets/images/map/sewers/\347\252\250\344\272\225.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\347\273\264\346\212\242\344\277\256\351\230\237\344\274\215.png" "b/public/assets/images/map/sewers/\347\273\264\346\212\242\344\277\256\351\230\237\344\274\215.png"
index 23c1d9f..351cc4a 100644
--- "a/public/assets/images/map/sewers/\347\273\264\346\212\242\344\277\256\351\230\237\344\274\215.png"
+++ "b/public/assets/images/map/sewers/\347\273\264\346\212\242\344\277\256\351\230\237\344\274\215.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\350\207\252\347\204\266\344\277\235\346\212\244\345\214\272.png" "b/public/assets/images/map/sewers/\350\207\252\347\204\266\344\277\235\346\212\244\345\214\272.png"
index fe9c35a..1c1f853 100644
--- "a/public/assets/images/map/sewers/\350\207\252\347\204\266\344\277\235\346\212\244\345\214\272.png"
+++ "b/public/assets/images/map/sewers/\350\207\252\347\204\266\344\277\235\346\212\244\345\214\272.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\351\230\200\351\227\250.png" "b/public/assets/images/map/sewers/\351\230\200\351\227\250.png"
index 91147e6..9ea5aa8 100644
--- "a/public/assets/images/map/sewers/\351\230\200\351\227\250.png"
+++ "b/public/assets/images/map/sewers/\351\230\200\351\227\250.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\351\232\224\346\262\271\346\261\240.png" "b/public/assets/images/map/sewers/\351\232\224\346\262\271\346\261\240.png"
index 9b9ed1c..b81fe23 100644
--- "a/public/assets/images/map/sewers/\351\232\224\346\262\271\346\261\240.png"
+++ "b/public/assets/images/map/sewers/\351\232\224\346\262\271\346\261\240.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\351\233\206\346\260\264\346\261\240.png" "b/public/assets/images/map/sewers/\351\233\206\346\260\264\346\261\240.png"
index 00b1f58..084f0ff 100644
--- "a/public/assets/images/map/sewers/\351\233\206\346\260\264\346\261\240.png"
+++ "b/public/assets/images/map/sewers/\351\233\206\346\260\264\346\261\240.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\351\233\250\346\260\264\346\216\222\345\217\243.png" "b/public/assets/images/map/sewers/\351\233\250\346\260\264\346\216\222\345\217\243.png"
index 3646905..7964a75 100644
--- "a/public/assets/images/map/sewers/\351\233\250\346\260\264\346\216\222\345\217\243.png"
+++ "b/public/assets/images/map/sewers/\351\233\250\346\260\264\346\216\222\345\217\243.png"
Binary files differ
diff --git "a/public/assets/images/map/sewers/\351\233\250\347\257\246\345\255\220.png" "b/public/assets/images/map/sewers/\351\233\250\347\257\246\345\255\220.png"
index ce80ddf..d2dac0f 100644
--- "a/public/assets/images/map/sewers/\351\233\250\347\257\246\345\255\220.png"
+++ "b/public/assets/images/map/sewers/\351\233\250\347\257\246\345\255\220.png"
Binary files differ
diff --git a/src/components/panel/LegendPanel.vue b/src/components/panel/LegendPanel.vue
index caa82aa..f09884b 100644
--- a/src/components/panel/LegendPanel.vue
+++ b/src/components/panel/LegendPanel.vue
@@ -4,157 +4,20 @@
<i class="el-icon-more-outline"></i>
<span>鍥句緥</span>
</div>
- <div class="legendContent" v-show="legendCont">
- <div class="legendContent_Centent">
- <p>棰勮</p>
- <ul>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- </ul>
- <hr class="underLine"/>
- <p>浼佷笟</p>
- <ul>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- </ul>
- <hr class="underLine"/>
- <p>姘存儏</p>
- <ul>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- </ul>
- <hr class="underLine"/>
- <p>绠＄嚎</p>
- <ul>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- </ul>
- <hr class="underLine"/>
- <p>鍙伴</p>
- <ul>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- </ul>
- <hr class="underLine"/>
- <p>闄嶆按绛夌骇</p>
- <ul>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- <li>
- <img src="../.././assets/images/map-pages/setting.png" alt="">
- <span>鏆撮洦绾㈣壊棰勮</span>
- </li>
- </ul>
+ <transition name="fade">
+ <div class="legend-content" v-show="legendControl">
+ <div class="legend-content-centent" v-for="(item,index) in legendContents" :key="index">
+ <p>{{ item.title }}</p>
+ <ul>
+ <li v-for="(ite,inde) in item.items" :key="inde">
+ <img :src='ite.legendImage' alt=''>
+ <span>{{ ite.legendContent }}</span>
+ </li>
+ </ul>
+ <div :class="index === 5 ? '':'under-line'"></div>
+ </div>
</div>
- </div>
+ </transition>
</div>
</template>
@@ -164,16 +27,189 @@
data () {
return {
// 鎺у埗鍥句緥 鍐呭鐨� 鏄剧ず/闅愯棌
- legendCont: false
+ legendControl: false,
+ // 鍥鹃噷瀛樺偍鏁版嵁
+ legendContents: [
+ {
+ title: '棰勮',
+ items: [
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮洦绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮洦姗欒壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮洦榛勮壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮洦钃濊壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮绾㈣壊棰勮'
+ }
+ ]
+ },
+ {
+ title: '浼佷笟',
+ items: [
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '涓浗鐭冲寲'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '娌圭敯浼佷笟'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鐐煎寲浼佷笟'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '閿�鍞紒涓�'
+ }
+ ]
+ },
+ {
+ title: '姘存儏',
+ items: [
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '姘存枃绔�'
+ }
+ ]
+ },
+ {
+ title: '绠＄嚎',
+ items: [
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '澶╃劧姘旂绾�'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '澶╃劧姘斿満绔�'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鎴愬搧娌圭绾�'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鎴愬搧娌瑰満绔�'
+ }
+ ]
+ },
+ {
+ title: '鍙伴',
+ items: [
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鍙伴瀹炴祴涓績'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鍙伴瀹炴祴璺緞'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鍙伴棰勬祴涓績'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鍙伴棰勬祴璺緞'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鍙伴褰撳墠涓績'
+ }
+ ]
+ },
+ {
+ title: '闄嶆按绛夌骇(鍗曚綅锛歮m)',
+ items: [
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '灏忛洦0-5'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '涓洦5-10'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '澶ч洦10-20'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '鏆撮洦20-50'
+ },
+ {
+ legendImage: '../.././assets/images/map-pages/setting.png',
+ legendContent: '澶ф毚闆�50-100'
+ }
+ ]
+ }
+ ]
}
},
methods: {
// 鍥炬爣 鎺у埗鍐呭鐨勫睍绀轰笌闅愯棌
legendChange () {
- if (this.legendCont === false) {
- this.legendCont = true
+ if (this.legendControl === false) {
+ this.legendControl = true
} else {
- this.legendCont = false
+ this.legendControl = false
}
}
}
@@ -201,38 +237,66 @@
text-align: center;
}
- .legendContent {
+ @keyframes bounce-in {
+ 0% {
+ transform: scale(0);
+ opacity: 0.3;
+ }
+ 50% {
+ transform: scale(1.2);
+ }
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+ }
+
+ .fade-enter-active {
+ transform-origin: right center;
+ animation: bounce-in 1s;
+ }
+
+ .fade-leave-active {
+ transform-origin: left center;
+ animation: bounce-in 1s reverse;
+ }
+
+ .legend-content {
position: absolute;
- right: 8rem;
+ right: 1rem;
bottom: 3rem;
width: 30rem;
- height: 41rem;
+ height: 30rem;
border-radius: 1rem;
background: #3c7699;
- .legendContent_Centent {
- width: 100%;
- height: 100%;
+
+ .legend-content-centent {
p {
text-align: center;
color: #ffffff;
font-size: 14px;
- display: block;
- margin-block-start: 1rem;
- margin-block-end: 0;
+ margin-block-start: 0.3rem;
+ margin-block-end: 0.2rem;
}
+
ul {
- padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
- width: 100%;
+ padding-inline: 20px 0;
+ margin-block: 0;
+
li {
width: 25%;
- text-align: center;
- line-height: 1.5rem;
+ height: 1.5rem;
+ display: flex;
+ align-items: center;
+
img {
- vertical-align: middle !important;
+ height: 18px;
+ width: 18px;
}
+
span {
font-size: 12px;
color: white;
@@ -241,12 +305,11 @@
}
}
- .underLine {
- border: none;
- background: none;
- width: 100%;
+ .under-line {
height: 2px;
background: #7bc5ef;
+ margin-block-start: 0.5rem;
+ margin-block-end: 0;
}
}
}
--
Gitblit v1.8.0