|  |  | 
 |  |  |         .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: { |