uni-app新建发现页面并加入底部tab

本教程为《教你用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页面，这里用到了小程序路由的知识点，大家可以去百度了解一下。在下一小节中我们讲继续完善发现页面。

代码仓库： https://github.com/sliverRing/uniApp-WPApp