How to build a multi-selection panel (understand by HH): How to use tabBar? ? ?
------------------------------Syntax Separation Line ------------------ -------------------------------------------------- -----
TabBar usage:
----------------------------------- Actual dividing line------------ -------------------------------------------------- ------
1. Open the development tool of WeChat applet: WeChat web developer tool, create your own applet project
2. In the directory structure, find the app.json file, enter the relevant code of the tabBar in the page, and in the overall folder, according to the MVC hierarchical mode, create the code structure folder of the WeChat applet, and store it
The image required in the tabBar (.png/.jpg/...)
My layers are as follows: ..\pages\images\tabbars --> store the image of the tabBar
3. Write the code of tabBar in app.json, my code is as follows:
"tabBar": {
"index":"-1",
"color": "#ccc",
"selectedColor": "#35495e",
"borderStyle": "white",
"backgroundColor": "#f9f9f9",
"list": [
{
"text": "首页",
"pagePath": "pages/work/workindex",
"iconPath": "pages/images/tabbars/home.png",
"selectedIconPath": "pages/images/tabbars/home_active.png"
},
{
"text": "通讯录",
"pagePath": "pages/logs/logs",
"iconPath": "pages/images/tabbars/telbill.png",
"selectedIconPath": "pages/images/tabbars/telbill_active.png"
},
{
"text": "我的",
"pagePath": "pages/logs/logs",
"iconPath": "pages/images/tabbars/mine.png",
"selectedIconPath": "pages/images/tabbars/mine_active.png"
}
]
}
以上为tabBar的代码
4，在tabBar中涉及的图片在网上就可以找到，我是在：【http://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.3】
里面找到的，一起分享下。
5，这就是tabBar的代码，然后在工具中“预览”下，看看效果。
----------------------------------------------------------------------------------------------------------------
转载
声明：本文为博主原创文章，未经博主允许不得转载。
----------------------------------------------------------------------------------------------------------------
文章中，有问题，可以在评论区评论，一起探讨编程中奥秘！
----------------------------------------------------------------------------------------------------------------
来都来了，那就点个赞吧
