diff --git a/public/index.html b/public/index.html index 6367340..e35dc21 100644 --- a/public/index.html +++ b/public/index.html @@ -3,10 +3,9 @@
- diff --git a/src/App.vue b/src/App.vue index cdd49d8..4d5657a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,25 +7,51 @@ export default { name: "App", data() { - return { - pageScreen: window.innerWidth, - }; - }, - mounted() { - this.pageWidth(); - }, - methods: { - pageWidth() { - console.log(this.pageScreen); - window.addEventListener("resize", () => { - this.pageScreen = window.innerWidth; - }); - }, - }, - created() { - //new DevicePixelRatio().init(); + return {}; }, + watch: {}, + created() {}, + mounted() {}, + methods: {}, }; - + diff --git a/src/components/common/Home.vue b/src/components/common/Home.vue index 26c3fb0..1430c6f 100644 --- a/src/components/common/Home.vue +++ b/src/components/common/Home.vue @@ -24,32 +24,8 @@ export default { components: { vHead, }, - mounted() { - this.init(); - }, - methods: { - init() { - this.forceLandscapeScreenHandle(); - - // 这里监控 - this.onWindowSizeChanged(); - }, - - forceLandscapeScreenHandle() { - const body = document.getElementsByTagName("body")[0]; - const html = document.getElementsByTagName("html")[0]; - const width = html.clientWidth; - const height = html.clientHeight; - const max = width > height ? width : height; - const min = width > height ? height : width; - body.style.width = max + "px"; - body.style.height = min + "px"; - }, - - onWindowSizeChanged() { - window.addEventListener("resize", this.forceLandscapeScreenHandle); - }, - }, + mounted() {}, + methods: {}, created() {}, }; @@ -73,22 +49,6 @@ export default { } } -@media screen and (orientation: portrait) { - /*竖屏样式*/ - #app { - transform-origin: 0 0; - transform: rotateZ(90deg) translateY(-100%); - } -} - -// @media screen and (orientation: landscape) { -// /*这是横屏模式,所以您需要做一些不一样的事情*/ -// #app { -// // position : absolute ; -// transform: rotate(0deg); -// transform-origin: 0% 0%; -// } -// } @media (max-width: 900px) { .greenStyle .header { // background: #000; @@ -267,6 +227,12 @@ export default { margin-top: 120px !important; } } + .parameterSetDialog { + .el-dialog { + width: 100% !important; + margin-top: 140px !important; + } + } } //realTimeSearch历史图片 .realTimeSearch {