hjyd-mobile/src/pages/Hardware.vue

<template>
  <div class="hardware_home_container">
    <Swiper page="hardware" />
    <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 {
  background: #f5f5f5;
  .img_wrap {
    padding: 0 7px;
  }
  .img {
    width: 100%;
    height: auto;
  }
}
</style>