<template>
  <div class="home_container">
    <Swiper />
    <CaseShow />
    <Hardware />
    <MechanicalDrive />
    <Track />
    <OneStop />
    <AboutUs />
    <!-- <News /> -->
    <Cooperation />
    <Awards />
  </div>
</template>

<script setup>
import Swiper from 'cpns/Swiper'
import CaseShow from 'cpns/CaseShow'
import Hardware from 'cpns/Hardware'
import MechanicalDrive from 'cpns/MechanicalDrive'
import AboutUs from 'cpns/AboutUs'
import Track from 'cpns/Track'
import OneStop from 'cpns/OneStop'
import News from 'cpns/News'
import Cooperation from 'cpns/Cooperation'
import Awards from 'cpns/Awards'
import { ref } from 'vue'

// const isDrag = ref(false)

// const handlePress = e => {
//   // 背景虚化
//   isDrag.value = true
// }
// const handleRelease = e => {
//   // 背景实体化
//   isDrag.value = false
// }
</script>

<style lang="scss" scoped>
.home_container {
  background: #f5f5f5;
  max-width: 100vw;
  overflow: hidden;
}
</style>
