北京响应式网站,数字营销案例100例,杭州房产网站建设,html表单制作例如该样式: 1.Vue的方法(可实现自动轮播和左右按钮和下方原点按钮轮播)
div id=appdiv class=a ref=b @mouseenter=MouseFun(c) @mouseleave=MouseFun(d)//1.图片显示盒子div class=div id="app"div class="a" ref="b" @mouseenter="MouseFun('c')" @mouseleave="MouseFun('d')"//1.图片显示盒子div class="imgBox" :style="{left:`-${leftVal}px`,transition:`${ition}s`}"img :src="item.imgUrl" v-for="(item,index) in imgList" :key="index" /img :src="imgList[0].imgUrl" alt=""/div//2.按钮div class="leftBtn" @click="throttle(PrevFun)"larr;/div //左按钮div class="rightBtn" @click="throttle(NextFun)"rarr;/div //右按钮//3.下方选择点击按钮div class="instBox"div @click="instFun(index)" v-for="(item,index) in imgList.length" :key="index":class="['inst',index==imgShow?'instActv':'']"/div/div/div
/div
script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"/script
script type="text/javascript"var app = new Vue({el: '#app',