|
@@ -10,9 +10,9 @@
|
|
|
@mouseup="moveOff" @mousemove="dragMove" @mouseleave="moveOff" @dblclick="dbClick" @wheel.prevent="wheel">
|
|
|
<div id="labelMap" :style="mapStyle">
|
|
|
<div :key="index" class="labelItem "
|
|
|
- :style="{left: (item.mapX-item.mapSize / 2)*width/item.mapInitWidth+'px',top:(item.mapY-item.mapSize / 2)*width/item.mapInitWidth+'px',backgroundColor:setMarkStyle(item)?.backGround,width:item.mapSize+'px',height:item.mapSize+'px',fontSize:item.mapSize/3+'px'}"
|
|
|
+ :style="{left: (item.mapX-item.mapSize / 2)*width/item.mapInitWidth+'px',top:(item.mapY-item.mapSize / 2)*width/item.mapInitWidth+'px',backgroundColor:setMarkStyle(item)?.backGround,width:item.mapSize+'px',height:item.mapSize+'px',fontSize:item.mapSize+'px'}"
|
|
|
v-for="(item,index) in mapData" @dblclick="dbClickItem(item)">
|
|
|
- <span :style="{color:setMarkStyle(item)?.color}">{{ setMarkStyle(item)?.label }}</span>
|
|
|
+ <span :style="{color:setMarkStyle(item)?.color,transform:`scale(0.4)`}">{{ setMarkStyle(item)?.label }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -334,12 +334,10 @@ function wheel(event) {
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
color: #ffffff;
|
|
|
- font-size: 13px;
|
|
|
+ white-space:nowrap;
|
|
|
user-select: none;
|
|
|
position: absolute;
|
|
|
cursor: pointer;
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
|
|
|
</style>
|