如标题, 直接上代码。template 直接罗列,可拆分成可视html标签
#slider2.mui-slider
.mui-slider-group.mui-slider-loop
.mui-slider-item.mui-slider-item-duplicate
i(@click="topclick(items[items.length-1])")
img(:src="items[items.length-1].src")
.mui-slider-item(v-for="item in items")
i(@click="topclick(item)")
img(:src="item.src")
.mui-slider-item.mui-slider-item-duplicate
i(@click="topclick(items[0])")
img(:src="items[0].src")
.mui-slider-indicator
.mui-indicator(v-for='(item,index) in items', :class="{'mui-active ':index===0}")
js:
mui('#slider2').slider({interval: 5000}); //设置自动轮播
看不懂,请留言