![](https://i-blog.csdnimg.cn/blog_migrate/2a77ac97f0c6dc5f41467ae226ac99f5.png)
project.config.json 设置检测收录警告不显示
新建页面:
![](https://i-blog.csdnimg.cn/blog_migrate/cecf125e2f5fea5fee1113231534dc12.png)
导航栏:
![](https://i-blog.csdnimg.cn/blog_migrate/5cb513f157e5c7b9e9fd5a8329b296b8.png)
设置tabbar
![](https://i-blog.csdnimg.cn/blog_migrate/c01312ca99e837ad58ac1b670af34af1.png)
js 中定义数据data:
![](https://i-blog.csdnimg.cn/blog_migrate/7413f6f3f74cefeeb7c6d934e4dd2914.png)
获取轮播图得数据
![](https://i-blog.csdnimg.cn/blog_migrate/21af14ecbc161cb6f7e450ef14860cc0.png)
页面加载时加载:
![](https://i-blog.csdnimg.cn/blog_migrate/841199ad43321b9cb74e6e5e598c69ca.png)
圆点 循环 wxml
![](https://i-blog.csdnimg.cn/blog_migrate/3ed2c8d01408b4c1d9f0ab7b0b3486a0.png)
wxss
![](https://i-blog.csdnimg.cn/blog_migrate/3d47ca34f8d6761481eb96e79890c4d2.png)
获取九宫格数据: 方法一致
![](https://i-blog.csdnimg.cn/blog_migrate/0c66477e27cecc718a94ae51a59c792c.png)
设置九宫格结构: wxml
![](https://i-blog.csdnimg.cn/blog_migrate/e3448bb5d8c66741ace79d76ca3b0a74.png)
wxss
![](https://i-blog.csdnimg.cn/blog_migrate/2e14f85849c76311397309f0cb998562.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b0f2a6b7b3b2db8f7aa5215881d11675.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0325b4e7350f2ec1f33021daaebeee56.png)
Image :
![](https://i-blog.csdnimg.cn/blog_migrate/4a15f1a6c8c74a82964b3b9c5841f119.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f89f3e6622c7701869ab36365bceff32.png)
![](https://i-blog.csdnimg.cn/blog_migrate/30deacd1d3bf6bf47cd4abd92bcba8cb.png)
导航页面 :
声明式:
![](https://i-blog.csdnimg.cn/blog_migrate/51783363775fa5ee5dbe668828e3b15a.png)
![](https://i-blog.csdnimg.cn/blog_migrate/397a3a1df4f95f5f4e4661ffcacaa77a.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a23f3c100c750a08c41a1ebd753b1cca.png)
API方式:
![](https://i-blog.csdnimg.cn/blog_migrate/c843cd9fbfae2d0766e3104daca381de.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a647ccda7ef51137420fbaf9082f43eb.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c3e14d0a739f69c16b7ea74934522a05.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ff1d838695defddd5df3918ec2d77537.png)
页面传参:
![](https://i-blog.csdnimg.cn/blog_migrate/f76ee8a5cba4e9646f56f436b79b2d06.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0720bfd6dc535ed552b6a8296b76d5d0.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9416b9d0183e40d4c796f102ebd6d108.png)
option 传递页面参数
![](https://i-blog.csdnimg.cn/blog_migrate/78fa49d23a06fdea8fca2135af16b252.png)
![](https://i-blog.csdnimg.cn/blog_migrate/cc31c93c0ce36faa83bb7b59323f9576.png)
下拉刷新事件:
![](https://i-blog.csdnimg.cn/blog_migrate/a6de980299e08c6d81fc67495ce8cb42.png)
![](https://i-blog.csdnimg.cn/blog_migrate/881837e2c49a378b9667c54cab6a9df8.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4ac755e7d685740eec0e048f3895d2d3.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7e11a0327e0f70d762eff7c4c1e71aa5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/03e9e794076ebb9a1cb769862ab5c43f.png)
上拉触底事件:
![](https://i-blog.csdnimg.cn/blog_migrate/f7c1ef8aae63f0f0ed979d7517b1c594.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1c53c836e88a66bc4f6e6fc13b8ee3f2.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e19f90f6fa9c6d1ef33c40163ce31dc0.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f4e181c8ce49a5e3e5da74ac7065f61a.png)
===
... 拼接
![](https://i-blog.csdnimg.cn/blog_migrate/bc1751c275b7579a8fd9b155532589a9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5376a109b8563248f3839ab3c8a6aaab.png)
wx.展示隐藏loading
![](https://i-blog.csdnimg.cn/blog_migrate/ba5460cbdea2aeb4fb40970aeddafc7f.png)
project.config.json 设置检测收录警告不显示
新建页面:
导航栏:
设置tabbar
js 中定义数据data:
获取轮播图得数据
页面加载时加载:
圆点 循环 wxml
wxss
获取九宫格数据: 方法一致
设置九宫格结构: wxml
wxss
Image :
导航页面 :
声明式:
API方式:
页面传参:
option 传递页面参数
下拉刷新事件:
上拉触底事件:
===
... 拼接
wx.展示隐藏loading