From 2d398b4fa805ba43a89311d955fbb6e47c540e6c Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期五, 12 三月 2021 20:57:16 +0800
Subject: [PATCH] 修改了界面自适应
---
src/App.vue | 40 +++++++++++++++++++---------------------
1 files changed, 19 insertions(+), 21 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 010714e..24ecc4b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,36 +1,34 @@
<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">
+@import '@assets/css/map/_map-variable';
+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;
+}
+
</style>
--
Gitblit v1.8.0