feat:地图信息框点击

ZhangXianQiang

2024-03-08 dfa2e66389df106ef38a4fd621f2e3e0cf91ace8

 src/views/header.vue

@@ -27,25 +27,28 @@
    <div class="zuojuxing-new">

     您好，欢迎来到<span style="color:#E4D68B;">道安办市域治理数据</span>大屏！

    </div>

<!--    <div class="zuojuxing"></div>-->

<!--    <div class="youjuxing"></div>-->

<!--    <div class="guang"></div>-->

    <div class="d-flex jc-center">

      <div class="title">

        <span class="title-text">道安办市域治理数据大屏</span>

        <div class="title-img">

          <img src="@/assets/img/title_img.png" alt="">

        </div>

        <!-- <span class="title-text">道安办市域治理数据大屏</span> -->

      </div>

    </div>

    <div class="timers">

      {{ dateData.dateYear }} {{ dateData.dateWeek }} {{ dateData.dateDay }}

<!--    <div class="timers">-->

<!--      {{ dateData.dateYear }} {{ dateData.dateWeek }} {{ dateData.dateDay }}-->



      <div class="setting_icon"   @click="setSettingShow(true)">

          <img src="@/assets/img/headers/setting.png" alt="设置">

      </div>

    </div>

<!--      <div class="setting_icon"   @click="setSettingShow(true)">-->

<!--          <img src="@/assets/img/headers/setting.png" alt="设置">-->

<!--      </div>-->

<!--    </div>-->

  </div>

</template>



<style scoped lang="scss">

.d-bottom{



}

.title_wrap {

  height: 116px;

  background-image: url("../assets/img/top1.png");

@@ -130,7 +133,13 @@
  color: transparent;

  height: 60px;

  line-height: 46px;



  .title-img {

    width: 560px;

    position: absolute;

    left: 50%;

    top: 9px;

    transform: translateX(-50%);

  }

  .title-text {

    font-style: italic;

    //text-shadow: 0px 2px 10px rgba(0,0,0,0.5);