From be7c03e320eb817b349bf0652fa229f9518e8e19 Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Fri, 2 May 2025 00:50:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E6=90=9E=E5=AE=9A=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Toolbar.vue | 45 +++++++++++++++++++++-----------------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index be6037c..58bb98a 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -4,14 +4,12 @@
       <img
           id="toplogo"
           referrerpolicy="no-referrer"
-          src="/toplogo.png"
-      />
+          src="/toplogo.png"/>
       <img
           id="topcode"
           class="label_1"
           referrerpolicy="no-referrer"
-          src="/topcode.png"
-      />
+          src="/topcode.png"/>
       <span id="rightcontent">
         <span class="toptext" id="hyal">
           行业案例
@@ -33,7 +31,27 @@
 
 <script>
 export default {
-  name: "Toolbar"
+  name: "Toolbar",
+  mounted() {
+    this.$nextTick(function() {
+// 调用你想执行的方法
+      this.contain_toolbar();
+    });
+  },
+  methods:{
+    contain_toolbar:function (){
+      window.onscroll = function(){
+        if(window.scrollY==0){
+          document.getElementById("toproot")
+              .style.backgroundColor='rgba(0, 0, 0, 0)';
+        }
+        else{
+          document.getElementById("toproot")
+              .style.backgroundColor="black";
+        }
+      }
+    }
+  }
 }
 </script>
 
@@ -47,7 +65,6 @@ export default {
   @include media-breakpoint-between(xs, md) {
   }
   @include media-breakpoint-up(md){
-    //width: 80px;
     width: 100px;
     height: 28px;
     overflow-wrap: break-word;
@@ -67,7 +84,6 @@ export default {
   @include media-breakpoint-between(xs, md) {
   }
   @include media-breakpoint-up(md){
-    //margin-right: 810px;
   }
 }
 #fwlc
@@ -75,7 +91,6 @@ export default {
   @include media-breakpoint-between(xs, md) {
   }
   @include media-breakpoint-up(md){
-    //margin-right: 810px;
   }
 }
 #lxwm
@@ -83,7 +98,6 @@ export default {
   @include media-breakpoint-between(xs, md) {
   }
   @include media-breakpoint-up(md){
-    //margin-right: 810px;
   }
 }
 #hyal
@@ -91,28 +105,19 @@ export default {
   @include media-breakpoint-between(xs, md) {
   }
   @include media-breakpoint-up(md){
-    //margin-right: 810px;
   }
 }
 
 #topbar
 {
-  background-color: black;
-  //background-color: rgba(255,255,255,0);
+  //background-color: black;
+  background-color: rgba(255,255,255,0);
   width: 100%;
   @include media-breakpoint-between(xs, md) {
     height: 28px;
-    //margin: 3px 0 1px 0;
   }
   @include media-breakpoint-up(md){
     height: 28px;
-    //max-width: 1371px;
-    //min-width: 807.33px;
-    //margin: 34px 256px 0 256px;
-    //margin-left: 256px;
-    //margin-right: 256px;
-    //margin-left: 10px;
-    //margin-right: 10px;
   }
 }