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)