hookehuyr

fix 处理后退导航栏影响高度问题

...@@ -50,17 +50,17 @@ function hasScrollbar() { ...@@ -50,17 +50,17 @@ function hasScrollbar() {
50 return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight); 50 return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);
51 } 51 }
52 52
53 -onMounted(() => { 53 +// onMounted(() => {
54 - // TODO: 临时处理位置不对问题
55 // 因为微信第一次进入默认全屏,之后产生的导航栏会影响位置 54 // 因为微信第一次进入默认全屏,之后产生的导航栏会影响位置
56 - if (hasScrollbar()) { 55 + // if (hasScrollbar()) {
57 - if (wxInfo().isiOS || wxInfo().isAndroid) { 56 + // if (wxInfo().isiOS || wxInfo().isAndroid) {
58 - location.reload() 57 + // location.reload()
59 - } 58 + // $router.go(0)
60 - } 59 + // }
60 + // }
61 // 背景颜色全屏 61 // 背景颜色全屏
62 - $('.client-index-page').height($(document).height()); 62 + // $('.client-index-page').height($(document).height());
63 -}) 63 +// })
64 64
65 // 自定义按钮颜色样式 65 // 自定义按钮颜色样式
66 const styleObject1 = reactive({ 66 const styleObject1 = reactive({
...@@ -145,6 +145,7 @@ export default { ...@@ -145,6 +145,7 @@ export default {
145 background-image: url('@images/yindao@2x.png'); 145 background-image: url('@images/yindao@2x.png');
146 background-repeat: no-repeat; 146 background-repeat: no-repeat;
147 width: 100%; 147 width: 100%;
148 + height: 100vh;
148 background-size: 100% 85%; 149 background-size: 100% 85%;
149 position: relative; 150 position: relative;
150 } 151 }
......