|
@@ -9,7 +9,7 @@
|
|
:y2="item[1]"
|
|
:y2="item[1]"
|
|
x1="630"
|
|
x1="630"
|
|
y1="288"
|
|
y1="288"
|
|
- stroke="rgba(185, 208, 231, 0.7)"
|
|
|
|
|
|
+ stroke="rgba(45, 199, 170, 0.5)"
|
|
stroke-width="2"
|
|
stroke-width="2"
|
|
/>
|
|
/>
|
|
</svg>
|
|
</svg>
|
|
@@ -22,26 +22,19 @@
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
const links = [
|
|
const links = [
|
|
- [170, 268],
|
|
|
|
- [500, 300],
|
|
|
|
- [750, 200],
|
|
|
|
- [780, 120],
|
|
|
|
- [700, 260],
|
|
|
|
- [520, 580],
|
|
|
|
- [680, 500],
|
|
|
|
- [380, 350],
|
|
|
|
- [420, 440],
|
|
|
|
- [400, 580],
|
|
|
|
- [600, 520],
|
|
|
|
- [300, 460],
|
|
|
|
- [480, 520],
|
|
|
|
- // [360, 460],
|
|
|
|
- // [580, 380],
|
|
|
|
- // [300, 330],
|
|
|
|
- // [450, 260],
|
|
|
|
- // [450, 310],
|
|
|
|
- // [430, 360],
|
|
|
|
- // [460, 370],
|
|
|
|
|
|
+ [185, 275],
|
|
|
|
+ [485, 350],
|
|
|
|
+ [770, 235],
|
|
|
|
+ [785, 155],
|
|
|
|
+ [725, 270],
|
|
|
|
+ [522, 573],
|
|
|
|
+ [676, 498],
|
|
|
|
+ [335, 375],
|
|
|
|
+ [432, 470],
|
|
|
|
+ [405, 575],
|
|
|
|
+ [612, 510],
|
|
|
|
+ [185, 440],
|
|
|
|
+ [497, 528],
|
|
]
|
|
]
|
|
export default {
|
|
export default {
|
|
name: 'viewmap',
|
|
name: 'viewmap',
|
|
@@ -86,7 +79,7 @@ export default {
|
|
left: 9px;
|
|
left: 9px;
|
|
top: 9px;
|
|
top: 9px;
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
- background: rgba(0, 153, 255, 0.7);
|
|
|
|
|
|
+ background: rgba(45, 199, 170, 0.7);
|
|
animation: shink 1.4s ease-out infinite;
|
|
animation: shink 1.4s ease-out infinite;
|
|
}
|
|
}
|
|
.pluse{
|
|
.pluse{
|
|
@@ -97,10 +90,10 @@ export default {
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
z-index: 100;
|
|
z-index: 100;
|
|
opacity: 0;
|
|
opacity: 0;
|
|
- background: rgba(0, 153, 255, 0.6);
|
|
|
|
|
|
+ background: rgba(45, 199, 170, 0.6);
|
|
animation: warn 1.4s ease-out;
|
|
animation: warn 1.4s ease-out;
|
|
animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
- box-shadow: 1px 1px 30px rgb(0, 153, 255);
|
|
|
|
|
|
+ box-shadow: 1px 1px 30px rgba(45, 199, 170, 1);
|
|
}
|
|
}
|
|
.pluse-big{
|
|
.pluse-big{
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -110,7 +103,7 @@ export default {
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
z-index: 100;
|
|
z-index: 100;
|
|
opacity: 0;
|
|
opacity: 0;
|
|
- background: rgba(0, 153, 255, 0.6);
|
|
|
|
|
|
+ background: rgba(45, 199, 170, 0.6);
|
|
animation: warn1 1.4s ease-out;
|
|
animation: warn1 1.4s ease-out;
|
|
animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
box-shadow: 1px 1px 30px #EF2D02;
|
|
box-shadow: 1px 1px 30px #EF2D02;
|