Uni-app笔记 创建页面和页面配置、配置基本tabbar

1、创建页面

在pages文件夹右击新建页面即可 选择创建同名目录会自动放在单独文件夹中

选择注册到pages.json会自动注册页面地址

你也可以选择使用sass 或者 scss的模板

 2、页面引用

pages中pages属性下第一项为首页 如果想要让一个页面作为首页,路径写在最上即可

你的页面创建完成后如果你没有勾选自动注册,那么你需要手动去pages的pages属性下配置文件路径   你可以参照文档 设置每一个页面的单独样式

 3、tabbar底部导航

tabbar一般为底部导航 你可以通过设置position为top制定 但是他会失去icon图标 只能显示文字

tabbar中的list数组代表你有几个导航,最少2个,最多5个 如果你设置了中间按钮 则只可以是偶数

你可以在pages中配置tabBar (和globalStyle同级)

效果图

点击可以正常跳转

 

 


版权声明:本文为u013470619原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。