笔记1:uni-app简单创建配置路径样式tabbar页面跳转

 

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

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

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

笔记1:uni-app简单创建配置路径样式tabbar页面跳转_第1张图片

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

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

笔记1:uni-app简单创建配置路径样式tabbar页面跳转_第2张图片

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

pages/index/index.vue

pages/xingxi/xingxi

pages/my/my

笔记1:uni-app简单创建配置路径样式tabbar页面跳转_第3张图片

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

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

笔记1:uni-app简单创建配置路径样式tabbar页面跳转_第4张图片

运行——运行到浏览器——chrome效果,可以运行到其它方式

 

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

笔记1:uni-app简单创建配置路径样式tabbar页面跳转_第5张图片

6,在创建的3个目录文件下pages/,修改页面,标题样式

笔记1:uni-app简单创建配置路径样式tabbar页面跳转_第6张图片笔记1:uni-app简单创建配置路径样式tabbar页面跳转_第7张图片笔记1:uni-app简单创建配置路径样式tabbar页面跳转_第8张图片

 

转载于:https://www.cnblogs.com/chervehong/p/11134002.html

你可能感兴趣的:(笔记1:uni-app简单创建配置路径样式tabbar页面跳转)