@@ -1,5 +1,5 @@ | |||||
<div class="header"> | <div class="header"> | ||||
<div class="left border"> | |||||
<div class="left"> | |||||
<slot name="left"></slot> | <slot name="left"></slot> | ||||
</div> | </div> | ||||
<p class="title">{{title}}</p> | <p class="title">{{title}}</p> |
@@ -22,7 +22,6 @@ body { | |||||
position: relative; | position: relative; | ||||
width: 1920px; | width: 1920px; | ||||
height: 1080px; | height: 1080px; | ||||
border: 1px solid red; | |||||
.left_side { | .left_side { | ||||
position: absolute; | position: absolute; | ||||
@@ -39,7 +38,6 @@ body { | |||||
} | } | ||||
.buttom_side { | .buttom_side { | ||||
border: 1px solid red; | |||||
position: absolute; | position: absolute; | ||||
left: 50%; | left: 50%; | ||||
transform: translateX(-50%); | transform: translateX(-50%); | ||||
@@ -1,7 +1,7 @@ | |||||
<div class="page" id="map"> | <div class="page" id="map"> | ||||
<Header> | <Header> | ||||
<div slot="left"> | <div slot="left"> | ||||
<Tabs @change="tabChange"></Tabs> | |||||
<Tabs @change="tabChange" :data="tabData"></Tabs> | |||||
</div> | </div> | ||||
</Header> | </Header> | ||||
<!-- 项目初始化 --> | <!-- 项目初始化 --> | ||||
@@ -43,6 +43,16 @@ export default { | |||||
}, | }, | ||||
data () { | data () { | ||||
return { | return { | ||||
tabData: [ | |||||
{ | |||||
id: '1', | |||||
name: '统计分析' | |||||
}, | |||||
{ | |||||
id: '2', | |||||
name: '预警分析' | |||||
} | |||||
], | |||||
tab: '1', | tab: '1', | ||||
comps, | comps, | ||||
map: "", // 地图 | map: "", // 地图 | ||||