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)