微信小法式底部菜单栏的建立过程 。
文章插图
需要这些哦
微信web开辟者东西
微信小法式开辟者账号
方式/
1要建立底部菜单栏 ， 起首建立好我们底部菜单栏需要跳转的页面 ， 这里值演示2个 ， 一个首页 ， 一个我的 。
文章插图
2打开app.json页面 ， 在window下写下面的代码
"tabBar": {
"color": "#bfbfbf",
"selectedColor": "#d81e06",
"list": [
{
"pagePath": "pages/index/index",
"text": "首 页",
"iconPath": "/images/m12.png",
"selectedIconPath": "/images/m11.png"
},
{
"pagePath": "pages/wode/wode",
"text": "我 的",
"iconPath": "/images/m13.png",
"selectedIconPath": "/images/m14.png"
}
]
}
文章插图
3起首我们设置底部菜单点击前和点击后文字的颜色 ， 最好和图片一个颜色 。
图中红色为选中前 ， 绿色为选中后 。
文章插图
4我们填写一下点击跳转的路径和选项的名字 ，
pagePath为点击后跳转的路径 ，
text为这个选项的名字 。
文章插图
5填写点击前的图标和点击后的图标 ， 这里我们每个选项用两个颜色图标 ， 可以去找矢量图 ， 尺寸年夜约在64像素摆布 。
iconPath为点击前的图标 ，
selectedIconPath为点击后的图标 。
文章插图
6【微信小程序设置底部菜单栏】今朝菜单栏最多撑持5个选项 ， 下面用两张图看一下完当作的结果 。 点击之前是灰色的 ， 点击之后是红色 ， 跳转到对应的页面 。
文章插图
文章插图
注重事项设置装备摆设好图片路径 ， 设置装备摆设好页面路径 。
以上内容就是微信小程序设置底部菜单栏的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- iphone如何调出界面上的小方块图标手势按钮
- 微信小程序入口不见了怎么找回
- 微信添加银行卡的方法是什么
- 抖音怎么加好友 抖音怎么加QQ微信好友
- 不想让别人加你微信时该怎么办
- 罗汉果泡水小孩能喝吗，和什么一起泡好
- photoshop制作微信文字灯牌
- 微信朋友圈不见了怎么找回
- 优酷如何换肤 界面大换脸
- 小米任务栏如何设置“收纳不重要通知”