增加图例组件

chenzeping

2021-03-04 c992c898d962cd53630c929f937a1915ca28de38

增加图例组件

 src/components/panel/LegendPanel.vue

@@ -112,10 +112,42 @@
            <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>
@@ -174,10 +206,9 @@
    right: 8rem;
    bottom: 3rem;
    width: 30rem;
    height: 38rem;
    height: 41rem;
    border-radius: 1rem;
    background: #3c7699;

    .legendContent_Centent {
      width: 100%;
      height: 100%;