tabBar配置和修改
1.tabBar(底部导航栏)
属性默认值描述平台⽀持
color tab上未被选中时⽂字的颜⾊
selectedColor tab上被选中时⽂字的颜⾊
backgroundColor tab的背景⾊
borderStyle black tabbar上边框的颜⾊,仅⽀持
black/white
list tab的列表,最少2个,最多5个
position bottom tabbar位置,仅⽀持bottom/top top值仅⽀持⼩程
序
其中list接收⼀个数组,数组元素都是对象,属性值如下:
属性说明
pagePath页⾯路径,必须在pages⽬录中先定义text tab按钮上显⽰的⽂字
iconPath tab按钮的图标,未选中时图标的路径,icon⼤⼩限制为40kb,建议尺⼨为81px*81px,当position为top时,此参数⽆效,不⽀持⽹络图⽚
selectedIconPath选中时图标的路径尺⼨同上
2.在App.vue⽂件的<style>标签下设置页⾯样式,在各个页⾯使⽤class调⽤样式
App.vue⽂件下设置样式:
页⾯⽂件index.vue下调⽤样式:
⾸页轮播图:
selectediconpath什么意思⾸页上原⽣导航栏的禁⽤:
每个页⾯均⽀持通过配置 titleNView 为false来禁⽤原⽣导航栏,在pages.json⽂件中进⾏配置
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论