月球大数据地理空间分析展示平台-【前端】-月球2期前端
WX
2023-06-07 fc1f22df5322aa89ffcf60040b01eff0451df3a3
src/components/bottomBtn.vue
@@ -4,14 +4,12 @@
      v-show="mapFlag == '2D'"
      class="ChangeMap twoImg"
      @click="setMapImg('2D')"
    >
    </div>
    ></div>
    <div
      v-show="mapFlag != '2D'"
      class="ChangeMap threeImg"
      @click="setMapImg('3D')"
    >
    </div>
    ></div>
  </div>
</template>
@@ -40,13 +38,19 @@
<style lang="less" scoped>
.bottom_btn {
  position: absolute;
  bottom: 68px;
  right: 70px;
  /*  prettier-ignore */
  bottom: 68PX;
  /*  prettier-ignore */
  right: 70PX;
  .ChangeMap {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    /*  prettier-ignore */
    width: 30PX;
    /*  prettier-ignore */
    height: 30PX;
    /*  prettier-ignore */
    border: 1PX solid rgba(255, 255, 255, 0.1);
  }
  .twoImg {
    background: url("../assets/img/2D.png") no-repeat;