小程序学习（四）

基本的小程序页面

参考链接：https://blog.csdn.net/qq_35616850/article/details/82495400

设计一个小程序，首先要把基本页面构想出来。今天就是学习设计一个小程序页面的大体框架。，关于这部分的学习先是做一个简单的设计。
1.根据前面的学习，先把需要的目录文件创建完成。

2.这次学习想要强调的重点，就是关于tabBar（底部标签栏）的学习。为什么要学习tabBar的配置？就是为了实现页面之间进行快速的任意的切换。
首先在全局配置app.json中配置出我们需要的标签栏。小程序有几个tabBar，每个tabBar的具体表现又是怎样的，这都是通过list属性来设置的，根据前面我们构建的目录可知，一共有三个页面，那我对于三个tabBar的设置是这样的：

设计出来的效果就是这样：

3.这次只是设计search页面做了简单示范，其余页面的设计后期会继续学习。
关于search页面，呈现的效果如图：（代码就不附上了，参考链接即可）

至此，一个小程序页面的大体框架的设计就基本完成了，后面会继续完成页面的其他部分的学习。