美文网首页
uniapp轮播

uniapp轮播

作者: 两重心字 | 来源:发表于2018-11-30 18:08 被阅读0次

    <template> <view> <swiper:indicator-dots="indicatorDots":autoplay="autoplay":interval="interval":duration="duration"> <swiper-itemv-for="item in itemList":key="item"> <text>{{item}}</text> </swiper-item> </swiper> <button@tap="changeIndicatorDots"> indicator-dots </button> <button@tap="changeAutoplay"> autoplay </button> <slider@change="intervalChange"show-valuemin="500"max="2000"/> interval

            <slider@change="durationChange"show-valuemin="1000"max="10000"/> duration

        </view></template>

    export default { data: { itemList: [ 'item1', 'item2', 'item3' ], indicatorDots: false, autoplay: false, interval: 5000, duration: 1000 }, methods: { changeIndicatorDots: function (e) { this.indicatorDots = !this.indicatorDots

            },        changeAutoplay: function (e) {            this.autoplay = !this.autoplay

            },        intervalChange: function (e) {            this.interval = e.detail.value

            },        durationChange: function (e) {            this.duration = e.detail.value

            }    }}

    相关文章

      网友评论

          本文标题:uniapp轮播

          本文链接:https://www.haomeiwen.com/subject/zhtkcqtx.html