|
|
|
@ -3,7 +3,7 @@
|
|
|
|
<div class="map">
|
|
|
|
<div class="map">
|
|
|
|
<image class="map-title" :src="require('@/static/map-title.png')"></image>
|
|
|
|
<image class="map-title" :src="require('@/static/map-title.png')"></image>
|
|
|
|
<movable-area style="width:100vw;height:calc(100vh - 198rpx)" class="bg" scale-area>
|
|
|
|
<movable-area style="width:100vw;height:calc(100vh - 198rpx)" class="bg" scale-area>
|
|
|
|
<movable-view :x="area.x" :style="{ 'height': 'calc(100vh - 198rpx)', 'width': area.w +40+'px' }" :scale="true"
|
|
|
|
<movable-view :x="-area.w/2" :style="{ 'height': 'calc(100vh - 198rpx)', 'width': area.w +40+'px' }" :scale="true"
|
|
|
|
out-of-bounds direction="all">
|
|
|
|
out-of-bounds direction="all">
|
|
|
|
<view class="map-wrap img100" :style="{ 'height': 'calc(100vh - 198rpx)', 'width': area.w+'px','margin':'0 auto' }">
|
|
|
|
<view class="map-wrap img100" :style="{ 'height': 'calc(100vh - 198rpx)', 'width': area.w+'px','margin':'0 auto' }">
|
|
|
|
<img class="img100" style="height:calc(100vh - 198rpx);display:block;margin:0 auto" mode="heightFix" ref="image"
|
|
|
|
<img class="img100" style="height:calc(100vh - 198rpx);display:block;margin:0 auto" mode="heightFix" ref="image"
|
|
|
|
|