1.tabBar设置底部菜单
在官网里面可以了解到tabBar组件的一些知识和注意点:
需要给页面设置一个底部导航的话可以在pages.json里面设置一个tabBar标签,在其里面设置pagePath和text属性。
可以看的pagePath是跳转的地址,text是下面导航的文字提示。如果是微信小程序的话只有一个text是会报错的。
多添加一个list
还可以对于底部导航进行一些页面效果展示的修改属性,比如:
对比修改之前的效果
也可以将底部导航移动到顶部,需使用position属性,不过仅有微信小程序支持。
2.iconfont图标
如果需要对于导航进行图标设置,可以在网上找打一个图标网站,下载图片进行修改。
点击下方连接:
iconfont-阿里巴巴矢量图标库
在这个网站里面可以免费下载我们的图标并进行使用。
比如收搜首页
选择需要的图标点击下载,会出现多种颜色选择其中两中颜色下载分别是作为选中和未选中的图标效果。
需要设置其他的图标,可以参考上面的操作来设置。