如何让面板指示点悬浮在图片上呢?

来源:1-3 导航和轮播的开发

沐寒528

2021-01-03 10:41:06

​自己开启 

 indicator-dots="{{true}}"

是下图效果

http://img.mukewang.com/climg/5ff12e6d0966cc5d04900226.jpg


如何实现这样的效果呢?

http://img.mukewang.com/climg/5ff12dc909d351d805570198.jpg


还有就是图片未展示时,是缩小的状态,老师能扩展下知识点吗?

写回答

1回答

好帮手慕星星

2021-01-03

同学你好,问题解答如下:

1、小圆点的位置可以通过给swiper设置行高完成,激活样式为白色可以添加对应属性,如下

http://img.mukewang.com/climg/5ff1810b09f7ab6104850280.jpg

http://img.mukewang.com/climg/5ff181900920282802850105.jpg

http://img.mukewang.com/climg/5ff1818609f6ba8004980251.jpg

2、图片未展示时比较小,老师测试用swiper组件不能实现,需要自己使用定时器手动写轮播图,然后添加变大变小的过渡效果。这里可以先不考虑,按照课程中设计稿来就好。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程