引言
本教程为《教你用WordPress开发app(小程序)-包含所有源代码》系列教程之一。
本教程后续更新会放在:清空网络科技工作室官网
前面我已经讲了《uni-app制作app底部导航栏》,在这一节中我讲解新建发现页面,并加入tab底部导航栏。
开始
一、在uni项目pages文件夹上右键,点击新建页面:

输入页面名称,选择默认模板,点击创建:

创建成功后,如下:

二、修改配置文件,加入find页面路由:pages.json

在上面的代码块中加入以下代码:
{
"path" : "pages/find/find",
"style" : {
"navigationBarTitleText": "首页" //发现头部标题
}
}
添加之后如下:

三、加入tabs,继续修改pages.json:

代码如下:
{
"pagePath": "pages/find/find",
"text": "发现"
}
修改完成如下:

四、右键浏览器中打开,如下:

结束
在这一节中我讲解了如何加入find页面,这里用到了小程序路由的知识点,大家可以去百度了解一下。在下一小节中我们讲继续完善发现页面。