| | |
| | | <template> |
| | | <div id="app" ref="app"> |
| | | <map-template></map-template> |
| | | <router-view/> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import MapTemplate from './views/MapTemplate.vue' |
| | | |
| | | export default { |
| | | name: 'App', |
| | | components: {MapTemplate}, |
| | | mounted(){ |
| | | this.$nextTick(()=>{ |
| | | let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //浏览器高度 |
| | | let topH = this.$refs.app.offsetHeight; |
| | | console.log(h) |
| | | this.height = (h - topH) + "px" |
| | | }) |
| | | mounted () { |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | html,body,#app { |
| | | font-family: Avenir, Helvetica, Arial, sans-serif; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | text-align: center; |
| | | color: #2c3e50; |
| | | padding: 0px; |
| | | margin: 0px; |
| | | |
| | | text-align: left; |
| | | <style lang="less"> |
| | | html, body, #app{ |
| | | color: @color; |
| | | height: 100vh; |
| | | width: 100vw; |
| | | margin: 0; |
| | | padding: 0; |
| | | overflow: hidden; |
| | | } |
| | | body .el-scrollbar__wrap { |
| | | // overflow-x: hidden; |
| | | } |
| | | body{ |
| | | -ms-overflow-style: none; |
| | | font-size: 12px; |
| | | } |
| | | .popoverBoxStyle{ |
| | | border: 0.00521rem solid #00fff6; |
| | | box-shadow: 0 0 0.03rem #00fff6; |
| | | background-color: rgba(0, 16, 30, 0.7) !important; |
| | | } |
| | | </style> |