From cf87e2e495551e8aa007fae53c262db1efc1dd66 Mon Sep 17 00:00:00 2001 From: hxsherry <1053288784@qq.com> Date: Fri, 19 Jan 2018 01:44:21 +0800 Subject: [PATCH] Fix the bad behavior in mobile. --- config/index.js | 2 +- index.html | 10 ++++- src/assets/css/app.less | 2 +- src/backyard/Frame.vue | 8 +++- src/backyard/layout/BottomNavigation.vue | 4 +- src/backyard/layout/SideNavigation.vue | 50 ++++++++++++++++++++---- src/backyard/layout/TopNavigation.vue | 2 +- 7 files changed, 64 insertions(+), 14 deletions(-) diff --git a/config/index.js b/config/index.js index 0b9589b..9a01733 100644 --- a/config/index.js +++ b/config/index.js @@ -34,7 +34,7 @@ module.exports = { proxyTable: { '/api': { //target: 'http://tank.eyeblue.cn', - target: 'http://192.168.0.100:6010', + target: 'http://localhost:6010', changeOrigin: true, pathRewrite: { '^/api': '/api' diff --git a/index.html b/index.html index a05c0b6..2bd756a 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,15 @@ - - + 蓝眼云盘 + + + + + + +
diff --git a/src/assets/css/app.less b/src/assets/css/app.less index 870e701..f70b5e7 100644 --- a/src/assets/css/app.less +++ b/src/assets/css/app.less @@ -25,7 +25,7 @@ @media (max-width: 768px) { .el-message-box__wrapper { .el-message-box { - width: 300px; + width: 90%; } } } diff --git a/src/backyard/Frame.vue b/src/backyard/Frame.vue index 9e77d08..4e85540 100644 --- a/src/backyard/Frame.vue +++ b/src/backyard/Frame.vue @@ -5,6 +5,7 @@
+
@@ -30,8 +31,10 @@
-
+ + +
@@ -105,6 +108,7 @@ bottom: @power-footer-height; overflow-y: auto; overflow-x: hidden; + z-index: 10; padding: 10px; @@ -122,6 +126,7 @@ //小屏幕 @media (max-width: @screen-xs-max) { left: 0; + bottom: 0; } &.show-drawer { @@ -133,6 +138,7 @@ //小屏幕 @media (max-width: @screen-xs-max) { left: 0; + bottom: 0; } } } diff --git a/src/backyard/layout/BottomNavigation.vue b/src/backyard/layout/BottomNavigation.vue index 42cc8df..444290a 100644 --- a/src/backyard/layout/BottomNavigation.vue +++ b/src/backyard/layout/BottomNavigation.vue @@ -16,7 +16,6 @@