<template>
  <MContent>
    <nut-swiper
      :init-page="page"
      :pagination-visible="true"
      pagination-color="#426543"
      pagination-unselected-color="#808080"
      auto-play="3000"
    >
      <nut-swiper-item>
        <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
      </nut-swiper-item>
      <nut-swiper-item>
        <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg" alt="" />
      </nut-swiper-item>
      <nut-swiper-item>
        <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
      </nut-swiper-item>
      <nut-swiper-item>
        <img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
      </nut-swiper-item>
    </nut-swiper>
    <MyWork />
    <MyContract />
    <Capital />
    <EnterpriseService />
  </MContent>
</template>

<script setup lang="ts">
  import Capital from './components/capital.vue'
  import EnterpriseService from './components/enterprise-service.vue'
  import MyContract from './components/my-contract.vue'
  import MyWork from './components/my-work.vue'

  defineOptions({
    name: 'Home',
    options: {
      // 将自定义节点设置成虚拟的，更加接近Vue组件的表现，可以去掉微信小程序自定义组件多出的最外层标签
      virtualHost: true,
    },
  })

  const page = ref(0)
  onMounted(() => {
    console.log('home mounted----')
  })
</script>

<style lang="scss">
  .nut-swiper {
    @apply rounded-16rpx;
    .nut-swiper-item {
      @apply rounded-16rpx;
      line-height: 150px;
      img {
        @apply wh-full rounded-16rpx;
      }
    }
  }
</style>
