当前位置: 首页 > Web前端 > vue.js

最简单的旋转木马

时间:2023-03-31 22:55:17 vue.js

*,a{transition:all.8s;}按钮{内边距:5px10px;边框:无;边框:1px实心#6b6b6b;背景:#6b6b6b;颜色:#fff;居中对齐;最大宽度:40px;边框:无;border-top:1pxsolid#000;border-bottom:1pxsolid#000;填充:5px10px;}#app{显示:flex;}显示的方法很简单:flex他们可以水平放一行和data放两个东西,一个是你放图片到6的地址,一个是左边按钮时的索引(我们就从数字开始)一个按到0停在0,当最后一张图片等于图片的最大值时按右边的一个,停止next中的i。原因是图片的第一张是0开头的,而图片的第几张是1开头的,所以只能用Number减1*,a{transition:all.8s;}按钮{内边距:5px10px;边框:无;边框:1px实心#6b6b6b;背景:#6b6b6b;颜色:#fff;居中对齐;最大宽度:40px;边框:无;border-top:1pxsolid#000;border-bottom:1pxsolid#000;填充:5px10px;}#app{显示:flex;}还有一个更狠的招直接用:禁用左键,当index等于0时开始暂停,当index值等于最大值时右边停止图片的价值-1.就这么简单!!!!!JS的解决方案很简单。添加最高的box位置作为parent,然后让后代的li绝对化!这样就可以把所有的lis叠在一起然后所有的lis都隐藏起来,有ths的lis显示出来,剩下的就是延迟2秒。循环ths是得到那些有class的,next在他的屁股后面!但是如果屁股后面没有,就换成第一个

我分别说接下来,如何扭转这个解决方案!点击下一张,返回上一张