隐藏地图点击范围缩小

This commit is contained in:
2023-09-07 17:31:39 +08:00
parent e3970aecf1
commit a663111b04

View File

@ -69,7 +69,9 @@
</div>
</div>
</div>
<div class="map" @click="showPopup = false" v-show="showPopup" id="container"></div>
<div class="map" v-show="showPopup" id="container">
<img @click="showPopup = false" src="@/assets/delKey.png" class="mapImg">
</div>
</div>
</template>
<script>
@ -205,20 +207,29 @@ export default {
right: 0;
margin: auto;
@include wh(95%,350px);
}
.map:before{
content: "";
.mapImg{
background-color: #FFFFFF;
background: url('@/assets/delKey.png') no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
top: 0;
@include wh(25px,25px);
display: inline-block;
z-index: 1111;
pointer-events: auto;
z-index: 1111111;
}
}
//.map:before{
// content: "";
// background-color: #FFFFFF;
// background: url('@/assets/delKey.png') no-repeat;
// background-size: 100% 100%;
// position: absolute;
// right: 0;
// top: 0;
// @include wh(25px,25px);
// display: inline-block;
// z-index: 1111;
// pointer-events: auto;
//}
.common{
background: #FFFFFF;
@include radiusSizing(6px);