硬件首页

src/assets/scss/globalVar.scss

@@ -2,3 +2,4 @@ $home-color: #f94622;
 $theme-color: #2537e3;
 $bottom-height: 31px;
 $sub-header-height: 47px;
+$hardware-theme: #62e1c5;

src/pages/Hardware.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="hardware_home_container">
+    <Swiper />
+    <CaseShow />
+    <div class="img_wrap">
+      <img :src="Hard" class="img" alt="" />
+    </div>
+    <HeadLine
+      title="合作过的"
+      themeTitle="芯片原厂"
+      :flip="true"
+      line1="医疗企业  互联网公司  智能硬件公司  科研院所  工业自动化企业"
+    />
+    <img :src="Chip" class="img" alt="" />
+    <img :src="Wu" class="img" alt="" />
+    <Track />
+    <HeadLine
+      title="专家"
+      themeTitle="电机控制"
+      line1="自主研发电机驱动器，让控制更加精准"
+    />
+    <div class="img_wrap">
+      <img :src="Dian" class="img" alt="" />
+      <img :src="Accelerate" class="img" alt="" />
+    </div>
+    <AboutUs />
+    <Cooperation />
+  </div>
+</template>
+
+<script setup>
+import Swiper from 'cpns/Swiper'
+import CaseShow from 'cpns/CaseShow'
+import Hard from '@/static/img/hardware/hardware.png'
+import Chip from '@/static/img/hardware/chip.png'
+import HeadLine from 'cpns/HeadLine'
+import Track from 'cpns/Track'
+import Accelerate from '@/static/img/hardware/accelerate.png'
+import Wu from '@/static/img/hardware/wulianwang.png'
+import Dian from '@/static/img/hardware/dianji.png'
+import AboutUs from 'cpns/AboutUs.vue'
+import Cooperation from 'cpns/Cooperation'
+</script>
+
+<style lang="scss" scoped>
+.hardware_home_container {
+  .img_wrap {
+    padding: 0 7px;
+  }
+  .img {
+    width: 100%;
+    height: auto;
+  }
+}
+</style>

src/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="home_container" @mousewheel="scrollChange">
+  <div class="home_container">
     <Swiper />
     <CaseShow />
     <Hardware />

src/router/index.js

@@ -7,6 +7,7 @@ const HardwareCase = () => import('@/pages/HardwareCase')
 const Company = () => import('@/pages/Company')
 const CaseShow = () => import('@/pages/CaseShow')
 const Product = () => import('@/pages/Product')
+const Hardware = () => import('@/pages/Hardware')
 
 // 配置路由信息
 const routes = [
@@ -18,6 +19,7 @@ const routes = [
   { path: '/company', component: Company },
   { path: '/case-show', component: CaseShow },
   { path: '/product', component: Product },
+  { path: '/hardware', component: Hardware },
 ]
 
 const router = createRouter({