第一次提交
This commit is contained in:
40
components/clockDate.vue
Normal file
40
components/clockDate.vue
Normal file
@@ -0,0 +1,40 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user