uniapp----022--项目完成首页轮播图的渲染及导航的基本结构

2022年8月22日 280点热度 0人点赞 0条评论

第十六次课 完成首页轮播图的渲染及导航的基本结构


1、完成首页轮播图的渲染

 

图片

 

图片

 

图片

 

图片

 

图片


1swiper/indicator-dots 是否显示面板指示点:

 

图片

 

图片

(2)swiper/circular , 是否采用衔接滑动,即播放到末尾后重新回到开头,(即实现循环轮播):

 

图片

 

图片

 

图片

 

图片

 

图片

 

图片

 

图片

image添加 mode="widthFix"属性后的效果:

 

图片

不给image添加 mode="widthFix"属性后的效果:

 

图片

1.1 使用接口获取到的数据,第一个图片获取不到:

 

图片

 

图片

1.2 使用静态数据获取到的数据,四张图片全部获取到:

 

图片

 

图片

2、实现导航的基本结构

 

图片

 

图片

 

图片

 

图片

 

3、样式完善:

 

图片

 

图片

 

图片

 

图片

 

图片

 

图片

 

图片

 

图片

 

 

图片

 

80650uniapp----022--项目完成首页轮播图的渲染及导航的基本结构

这个人很懒,什么都没留下

文章评论