![](https://img.kancloud.cn/ec/d7/ecd71cd02dfac64c51fee0c57952c7dd_641x773.png)1.小程序的数据和事件,动态的改变并设置data中的数据,通过setData()
![](https://img.kancloud.cn/f8/d6/f8d6a24eedd8e1b7e9a1399842a2c489_1872x568.png)![](https://img.kancloud.cn/38/7e/387ef79a63833dcdc2036dfb28c59279_969x574.png)![](https://img.kancloud.cn/07/fd/07fdbdc17b1f5342c75e312967a9ea73_494x298.png)![](https://img.kancloud.cn/1c/72/1c7295aa158627c8488d2216377cee39_1357x932.png)
1.轮播图![](https://img.kancloud.cn/43/81/438182db915a92fcf869319b10f37edf_974x439.png)
![](https://img.kancloud.cn/e0/ed/e0edf6f1fcb705b2b0ed2eccfd46d066_255x267.png)
*****
2.轮播图的动态获取,本地目录图片,远程图片服务
![](https://img.kancloud.cn/45/ba/45ba5953ce62e79f759114ea7f1de8f1_867x542.png)![](https://img.kancloud.cn/38/73/387398cde49004e385bbae602b6ade71_753x342.png)![](https://img.kancloud.cn/91/55/9155ca5f0553be29e775943970590472_261x249.png)
3.微信小程序,支付宝小程序,字节跳动小程序在轮播图导航功能上的差异
![](https://img.kancloud.cn/98/22/98221b7e2abfb45ba75270eed9fcfcec_1918x898.png)
微信小程序轮播图导航
![](https://img.kancloud.cn/a1/77/a17764117eb071ef6e79af58cd220c79_1544x413.png)![](https://img.kancloud.cn/26/19/2619f0771e06ca3a76871539734092bc_1487x965.png)![](https://img.kancloud.cn/b6/c6/b6c669f0f656ce029714ad82f1d80c5a_1900x1010.png)![](https://img.kancloud.cn/f6/cb/f6cb3b304a91abd06c5ac9c1b302b621_1480x877.png)![](https://img.kancloud.cn/1a/12/1a129a596a56719d935ed900041cf010_1913x842.png)
字节跳动小程序轮播图带导航
支付宝小程序在轮播图导航上的设计是有问题的,
把导航设置在swiper-item,同时要设置navigator中的class样式
4.轮播图构建轮播广告
![](https://img.kancloud.cn/75/56/7556627e5381de06223cb1c844b34120_756x649.png)![](https://img.kancloud.cn/89/b4/89b44d02b48405fc756cf435c893a860_548x658.png)![](https://img.kancloud.cn/a9/a8/a9a82be6c4427f92a4824dd781bd8fd5_1107x323.png)![](https://img.kancloud.cn/41/ab/41ab50bbf29bba1039fd435a0590229a_528x812.png)