|  |  |  | 
|---|
|  |  |  | .pointContainer { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | justify-content: center; | 
|---|
|  |  |  | margin-top: 1px; | 
|---|
|  |  |  | /*margin-top: 1px;*/ | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .pointBox { | 
|---|
|  |  |  | background: #bababa; | 
|---|
|  |  |  | width: 40px; | 
|---|
|  |  |  | height: 40px; | 
|---|
|  |  |  | margin-right: 1px; | 
|---|
|  |  |  | /*margin-right: 1px;*/ | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | justify-content: center; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | 
|---|
|  |  |  | <div style="margin-top: 20px;"><button class="layui-btn" @click="currentLev = 10" :style="{background: currentLev==10?'red':''}">10F</button></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="padding: 40px 20px 10px 10px;" :style="window.innerWidth < 2000 ? 'margin-top: 0px;' : 'flex: 5;margin-top: -70px;'"> | 
|---|
|  |  |  | <div style="padding: 40px 20px 10px 10px;" :style="window.innerWidth < 2100 ? 'margin-top: 0px;' : 'flex: 5;margin-top: -70px;'"> | 
|---|
|  |  |  | <el-slider v-model="showScale" :marks="showScaleMarks"></el-slider> | 
|---|
|  |  |  | <div style="display: flex;justify-content: space-between;flex-wrap: wrap;"> | 
|---|
|  |  |  | <div class="hoverCard" style="width: 100%;"> | 
|---|
|  |  |  | 
|---|
|  |  |  | created(){ | 
|---|
|  |  |  | this.init() | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.getOutSite() | 
|---|
|  |  |  | // this.getOutSite() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | watch: { | 
|---|
|  |  |  | map: { | 
|---|