IT教育任姐姐的博客
做有情怀、有良心、有品质的职业教育机构
博客首页
VUE项目练习
关注
分享
VUE项目练习
复制链接
扫一扫
关注数:
0
文章数:
1
文章阅读量:
218
文章收藏量:
0
作者:
qfxietian
这个作者很懒,什么都没留下…
展开
用vue实现一个仿简书的轮播图效果
先展示最终效果: 解决思路: vue的理念是以数据驱动视图,所以拒绝通过改变元素的margin-top来实现滚动效果。 写好css样式,只需改变每张图片的class即可实现轮播效果。可以将轮播图看成两个,如图所示: 代码实现: 各个slide的样式: $width:800px;//容器宽度 $height:300px;//容器高度 $bWidth:500px;//大图片宽度 $sWidth:$width-$bWidth;//小...
原创
2022-03-29 17:52:42 ·
218 阅读 ·
0 评论