<!-- interval : 自动切换时间间隔 --> <!-- duration : 滑动动画时长 --> <!-- circular : 是否采用衔 ...

根据huangyi老师的慕课网vue项目跟着做的，下面大概记录了下思路 1.轮播图的图 先不做轮播图逻辑部分，先把数据导进来，看看什么效果。在recommend组件新建一个recommends的数组，用这个数组来接受数据的录播图部分。然后再轮播图的插槽部分添加图片，代码如下 但是现在 ...

...

1.轮播图组件的使用 参照官方文档 2.在页面上加入这个组件 3.在页面中引去css样式 并编写样式 ps:upx单位是什么 简单来说 就相当于小程序中的rpx 是一个自适应的单位 会根据屏幕宽度自动调整 ...

，然后在指定image图片的宽高 拓展：uni-app实现轮播图自定义小圆点 ...

在uni-app中自带了swiper的代码块，可以用来制作轮播图 在我们输入的时候可以时候用快捷方式创建我们的代码块 usw来选择你对应的代码块创建 <swiper :indicator-dots="true" :autoplay="true" class="banner"> ...

<view class="page-section swiper"> <view class="page-section-spacing"> < ...

uni-app官网：https://uniapp.dcloud.io/frame?id=css%e5%8f%98%e9%87%8f ...