<template>
  <view>
    <view class="swiper-demo">
      <nut-swiper ref="swiperRef" pagination-visible pagination-color="#e53e31" :auto-play="3000" :init-page="0">
        <nut-swiper-item v-for="(item, index) in list" :key="index" style="height: 150px">
          <img :src="item" alt="" style="height: 100%; width: 100%" draggable="false"/>
        </nut-swiper-item>
      </nut-swiper>
    </view>
    <view class="margin-top">
      <nut-grid :column-num="3">
        <nut-grid-item
          text="企事业单位"
          @click="Taro.navigateTo({url: '/subPages/pages/policeManager/index'})">
        </nut-grid-item>
        <nut-grid-item
          text="警保风采"
          @click="Taro.navigateTo({url: '/pages/index/dataEntry/personnelInformationEntry/personnelInformationEntry'})">
        </nut-grid-item>
        <nut-grid-item text=".....">
        </nut-grid-item>
      </nut-grid>
    </view>
  </view>
</template>
<script setup lang="ts">
import './index.scss'
import {ref} from 'vue'
import Taro from "@tarojs/taro";

const list = ref([
  'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
  'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
  'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg',
  'https://storage.360buyimg.com/jdc-article/fristfabu.jpg'
])
const swiperRef = ref()

</script>


<!--<template>-->
<!--  <view>-->
<!--    <view class="content">-->
<!--      <div @tap="routerPush(1)" class="grid-item">-->
<!--        <image class="grid-item-image"></image>-->
<!--        <view class="grid-item-text">企事业单位</view>-->
<!--      </div>-->
<!--      <div class="grid-item">-->
<!--        <image class="grid-item-image"></image>-->
<!--        <view class="grid-item-text">监督考核</view>-->
<!--      </div>-->
<!--      <div class="grid-item">-->
<!--        <image class="grid-item-image"></image>-->
<!--        <view class="grid-item-text">警保风采</view>-->
<!--      </div>-->
<!--      <div class="grid-item">-->
<!--        <image class="grid-item-image"></image>-->
<!--        <view class="grid-item-text">三色预警</view>-->
<!--      </div>-->
<!--    </view>-->

<!--  </view>-->
<!--</template>-->
<!--<script setup lang="ts">-->
<!--import Taro from "@tarojs/taro";-->

<!--const routerPush = (path) => {-->
<!--  switch (path) {-->
<!--    case 1:-->
<!--      Taro.navigateTo({-->
<!--        url: '/subPages/pages/policeManager/index',-->

<!--      })-->
<!--  }-->

<!--}-->

<!--import './index.scss'-->
<!--</script>-->


<!--<style scoped lang="scss">-->

<!--</style>-->
