From 46c9685c569a11a62e324cfee31dc7dfbda4735b Mon Sep 17 00:00:00 2001 From: zhcnyuyang Date: Sat, 24 May 2025 12:22:30 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E5=85=B3=E4=BA=8E=E6=88=91?= =?UTF-8?q?=E4=BB=AC=E6=AF=94=E4=BE=8B=E7=9A=84=E9=97=AE=E9=A2=98=E4=BB=A5?= =?UTF-8?q?=E5=8F=8A=E5=AE=89=E5=8D=93=E8=A7=86=E9=A2=91=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Aboutus.vue | 4 +++- src/components/Toolbar.vue | 6 +++++- src/components/Tools/MobileToolbar.vue | 4 ++++ 3 files changed, 12 insertions(+), 2 deletions(-) diff --git a/src/components/Aboutus.vue b/src/components/Aboutus.vue index 248e728..f4f66a8 100644 --- a/src/components/Aboutus.vue +++ b/src/components/Aboutus.vue @@ -132,8 +132,10 @@ export default { display: flex; justify-content: center; align-items: center; - aspect-ratio: 1.92; background-color: black; + @include media-breakpoint-between(xs, md) { + aspect-ratio: 1.92; + } } #aboutusbannercontent{ diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue index 3d85cb2..c64cd8c 100644 --- a/src/components/Toolbar.vue +++ b/src/components/Toolbar.vue @@ -85,7 +85,11 @@ export default { }, show_weptoolbar:function (){ document.getElementById('mobilebarroot').style.visibility="visible"; - console.log('mobilebarshow') + console.log('mobilebarshow'); + const videos = document.getElementsByClassName('bannervideos'); + for (let i = 0; i < videos.length; i++) { + videos[i].style.display = 'none'; + } }, isActiveRoute(routename) { // Example: Apply style if route name starts with 'user-' diff --git a/src/components/Tools/MobileToolbar.vue b/src/components/Tools/MobileToolbar.vue index ff6a35a..20ed5fc 100644 --- a/src/components/Tools/MobileToolbar.vue +++ b/src/components/Tools/MobileToolbar.vue @@ -58,6 +58,10 @@ export default { methods: { hide_toolbar:function (){ document.getElementById('mobilebarroot').style.visibility="collapse"; + const videos = document.getElementsByClassName('bannervideos'); + for (let i = 0; i < videos.length; i++) { + videos[i].style.display = ''; // 或者 'block',取决于视频元素之前的 display 状态 + } } }, contain_toolbartop:function (){