86 lines
2.5 KiB
Vue
86 lines
2.5 KiB
Vue
<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>-->
|