隐藏地图点击范围缩小

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