成功引入bike

app/components/BottomNavigation.vue

@@ -7,7 +7,7 @@
         <div class="col-xs-4 col-lg-2">
           <h2>解决方案</h2>
           <ul class="list-unstyled">
-            <li><a href="http://bike.yuxiit.com/" target="_blank">共享单车</a></li>
+            <li><a href="/sharedSolutions/bike" target="_blank">共享单车</a></li>
             <!-- <li><a href="">共享汽车</a></li> -->
             <li><a href="/sharedSolutions/carShare">景区共享电动车</a></li>
             <li><a href="/sharedSolutions/scooter">共享滑板车</a></li>
@@ -68,30 +68,4 @@
 </template>
 
 <script setup>
-// 数据定义
-const solutions = [
-  '共享单车',
-  '共享滑板车',
-  '共享陪护床',
-  '共享电动车',
-  '共享充电宝'
-]
-
-const industrySolutions = [
-  '智慧餐饮',
-  '智慧公寓',
-  '智能电动车'
-]
-
-const softwareDevelopment = [
-  '微信开发',
-  'APP开发',
-  '小程序开发'
-]
-
-const smartHardware = [
-  '物联网应用定制',
-  '物联网智能硬件',
-  '物联网IOT云平台'
-]
 </script>

app/pages/sharedSolutions/bike.vue

@@ -19,7 +19,74 @@ useHead({
 
 onMounted(() => {
   // 延迟加载以确保DOM完全渲染
-  
+  setTimeout(() => {
+    // 设置首页巨幕高度
+    $('.index-giant').height($(window).height());
+    
+    // 解决方案切换功能
+    $('.index-solut ul li').on('click', function(){
+      $(this).addClass('index-solut-li').siblings().removeClass('index-solut-li');
+      $('.solut-detail ul').eq($(this).index()).show().siblings().hide();
+      if($(this).index()==0){
+        $('#triangle-up').css({
+          'left': '45%'
+        });
+      }
+      if($(this).index()==1){
+        $('#triangle-up').css({
+          'left': '49.5%'
+        });
+      }
+      if($(this).index()==2){
+        $('#triangle-up').css({
+          'left': '54.5%'
+        });
+      }
+    });
+    
+    // 左侧栏动画功能
+    (function offBar(){
+      var off=true;
+      $('.left-bar-1').on('click',function(){
+        if(off){
+          $('.left-bar').animate({'right':0}, "1000");
+          off=false;
+        }else{
+          $('.left-bar').animate({'right':'-32px'}, "slow");
+          off=true;
+        }
+      });
+    })();
+    
+    // 微信二维码悬停效果
+    $('.left-bar-2 a.wecate').hover(function() {
+      $('.left-bar-3').show();
+    }, function() {
+      $('.left-bar-3').hide();
+    });
+    
+    // 腾讯QQ悬停效果
+    $('._tencent').hover(function() {
+      $('.left-bar-4').show();
+    }, function() {
+      $('.left-bar-4').hide();
+    });
+    
+    // 电话悬停效果
+    $('._phone').hover(function() {
+      $('.left-bar-5').show();
+    }, function() {
+      $('.left-bar-5').hide();
+    });
+    
+    // 锚点滚动功能
+    $(".miaodian a").click(function() {
+      $("body").animate({    
+        scrollTop: 3550
+      }, 1500);
+      return false;
+    });
+  }, 100);
 })