| | |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <div id="app" style="display: flex;justify-content: space-around;margin-top: 50px;flex-wrap: wrap;" @click="bgClick()"> |
|---|
| | | <div style="flex: 18;display: flex;justify-content: center;" :style="{zoom:showScale/100.0,marginTop:(showScale)*2 + 'px'}"> |
|---|
| | | <div style="margin-top: 10px;"> |
|---|
| | | <div style="flex: 3;overflow:auto;display: flex;justify-content: center;" :style="{zoom:showScale/100.0,marginTop:(showScale)*2 + 'px'}"> |
|---|
| | | <div style="margin-top: 10px; overflow: auto;"> |
|---|
| | | <div class="pointContainer" v-for="(x,index) in map" :key="index"> |
|---|
| | | <div v-if="index != 0 && (index != map.length-1)" v-for="(y,idx) in x" :key="idx"> |
|---|
| | | <div v-if="idx != 0 && (idx != map[index].length-1)"> |
|---|
| | |
|---|
| | | <div style="margin-top: 20px;"><button class="layui-btn" @click="currentLev = 7" :style="{background: currentLev==7?'red':''}">7F</button></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div style="padding: 40px 20px 10px 10px;" :style="window.innerWidth < 2100 ? 'margin-top: 0px;' : 'flex: 5;margin-top: -10px;'"> |
|---|
| | | <div style="padding: 40px 20px 10px 10px;" :style="window.innerWidth < 2100 ? 'flex: 1;margin-top: 0px;' : 'flex: 1;margin-top: -10px;'"> |
|---|
| | | <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%;"> |
|---|
