40 lines
651 B
Vue
40 lines
651 B
Vue
<template>
|
|
<view>
|
|
<view class="calendar_swiper">
|
|
<swiper
|
|
key="normalSwiper"
|
|
circular
|
|
:style="{height: swiperHeight}"
|
|
:current="current"
|
|
:duration="duration"
|
|
:skip-hidden-item-layout="true"
|
|
@change="swiperChange"
|
|
>
|
|
<swiper-item v-for="(swiper, swiperIndex) in 3" :key="swiperIndex" class="swiper-item">
|
|
{{swiperIndex}}
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name:"clockDate",
|
|
data() {
|
|
return {
|
|
current: 1,
|
|
duration:300,
|
|
swiperHeight:75
|
|
};
|
|
},methods:{
|
|
swiperChange(e){
|
|
console.log(e)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style> |