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同级)

效果图

点击可以正常跳转

 

 

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值