2019.9.26第五次課 · 天匯智碼201903技能拓展就業班

1.微信滾動列表_撥打電話，真機調測 ![](https://img.kancloud.cn/19/fc/19fc231abda4c4e772226c32c77f9559_941x627.png)![](https://img.kancloud.cn/bb/c8/bbc846829a8539045995bb5fa0628b33_697x609.png)![](https://img.kancloud.cn/fa/8b/fa8bc3cd9ff09a080fe7ef0ef28e6677_479x683.png)![](https://img.kancloud.cn/4a/8d/4a8d28dd0baa84fe6c9a5ab1152fc7d0_525x471.png) ***** 2.微信滾動宮格布局微信滾動宮格布局，注意在微信中scroll-view對flex布局是失效的，解決方案在scroll-view中嵌套view ![](https://img.kancloud.cn/d0/6e/d06e05eb92a19cdfdfcbd6ebb4306ef3_463x428.png)![](https://img.kancloud.cn/c2/d7/c2d70e2de146dd27ea884e56e7f5b785_375x705.png) 3.支付寶滾動宮格布局支付寶小程序宮格布局，在支付寶中scroll-view對flex布局是有效的，實踐出真理 ![](https://img.kancloud.cn/7b/0e/7b0eeca53ac4ce9a1a1bb2167f3bb447_856x594.png)![](https://img.kancloud.cn/ed/32/ed32987ec9b6d434a64906291adaa227_821x814.png) 4.字節跳動滾動宮格布局字節跳動宮格布局在scroll-view中通微信，flex布局是失效的,解決方案同微信。 ![](https://img.kancloud.cn/df/1e/df1e63e03e96d68165cc611904fb7971_1411x879.png)![](https://img.kancloud.cn/da/8b/da8bf939266be097fdb40cc92e58aec1_1518x963.png) 5. 微信橫向滾動列表 ![](https://img.kancloud.cn/10/91/1091473bd26a39f8c227d2940bf829f4_495x707.png)![](https://img.kancloud.cn/8e/02/8e02670e64d6072751875b0da9704ab8_600x433.png) 6.微信橫向圖片瀏覽器 ![](https://img.kancloud.cn/a4/f1/a4f132cabfb8386592adba937219e108_917x482.png)![](https://img.kancloud.cn/af/a3/afa3c30c0c15ffe345fa9f2a2c87981a_699x660.png)![](https://img.kancloud.cn/86/0c/860c959e5fbe15a283b6075d4b41f6d2_502x727.png) 7.選項卡，通過swiper構造 ![](https://img.kancloud.cn/bb/81/bb8160f7509f965778fef0109c2b6d79_1104x497.png)![](https://img.kancloud.cn/42/3a/423a06c599cf976353f60d55aa06bb81_596x673.png)![](https://img.kancloud.cn/b5/9b/b59b68d376a03d2d8d1e80d940606dc5_372x250.png)![](https://img.kancloud.cn/5c/f6/5cf6d2822dedd84d24d55348731b9488_431x733.png)