WP二开

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

银戒 · 4月3日 · 2019年 · · · 412次已读

引言

本教程为《教你用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

0 条回应