隐藏地图点击范围缩小

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