第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

 

1,下载安装编辑器:https://www.dcloud.io/

2,打开HBuilder,文件-新建-项目

选择平台uni-app,填写项目名称,保存路径,选择模板,创建

第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

3,选择平台不一样,模板选择也不一样,学习就简单开始,

所以我就选择默认模板,文件少简单多,看起来不会凌乱头都炸了

第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

4,开始,默认有个页面的了,我们新建两个页面

pages/index/index.vue

pages/xingxi/xingxi

pages/my/my

需要切换?但没有导航栏,我想建立导航切换栏目,

先建立个菜单栏tabBar:{ },点击pages.json,修改参数路径,详细参数官网

第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

运行——运行到浏览器——chrome效果可以

第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

 

5,然后再来页面的点击跳转pages:[ ],也是在pages.json,修改路径样式

第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

6,在创建的3个目录文件pages/,修改一个页面,我复制了下

第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

 

第一节:学习uni-app简单创建配置路径样式tabbar页面跳转

上一篇:iOS - 获取手机设备信息


下一篇:iOS OC中桥接swift第三方库