隐藏地图点击范围缩小
This commit is contained in:
@ -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);
|
||||||
|
Reference in New Issue
Block a user