配置基本的tabBar

谁把我名字用了 2022-10-15 16:22:41

1.Tips

当设置position为top时，将不会显示icon，

tabBar中list为一个数组，因此至少配置两个，对多配置五个tab，tab需要按照数组顺序排列。

2.

配置tab的文字颜色、背景色等

3.配置名称、路径及图标

4.在对相应.vue文件中写出想要显示的内容

5.最后运行到微信小程序模拟器或其他开发者工具即可

...全文

50 回复打赏收藏举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

tabBar 如果应用是一个多tab应用，可以通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页；一、tabBar基本配置及属性说明配置tabBar属性在pages.json文件中，与“globalStyle”属性同级配置“tabBar”属性，代码结构如下： tabBar属性中配置项说明属性类型必填默认值描述平台差异说明 color HexColor 是 tab上的文字默认颜色 selectedColor HexColor 是 tab

配置基本的tabbar

一、tabBar基本配置自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式，以满足更多个性化的场景。先附上结构图和源码 "tabBar":{ "color":"#000", "selectedColor":"#1296db", "borderStyle": "black", "list":[{ "pagePath":"pages/posts/posts", "text":"阅读", "iconPath":"/im

1、创建页面在pages文件夹右击新建页面即可选择创建同名目录会自动放在单独文件夹中选择注册到pages.json会自动注册页面地址你也可以选择使用sass 或者 scss的模板 2、页面引用 pages中pages属性下第一项为首页如果想要让一个页面作为首页，路径写在最上即可你的页面创建完成后如果你没有勾选自动注册，那么你需要手动去pages的pages属性下配置文件路径你可以参照文档设置每一个页面的单独样式 3、tabbar底部导航 tabbar一般为底部...

/view>Page({data: {items: [{ id: 1, name: "苹果" },{ id: 2, name: "香蕉" }})key。

信息工程学院105工作室

50

社区成员

351

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章