2019.9.25第四次课 · 天汇智码201903技能拓展就业班

![](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)