uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -小程序端TabBar搭建

本文主要是介绍uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -小程序端TabBar搭建，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

锋哥原创的uniapp微信小程序投票系统实战：

uniapp微信小程序投票系统实战课程 (SpringBoot2+vue3.2+element plus ) ( 火爆连载更新中... )_哔哩哔哩_bilibiliuniapp微信小程序投票系统实战课程 (SpringBoot2+vue3.2+element plus ) ( 火爆连载更新中... )共计21条视频，包括：uniapp微信小程序投票系统实战课程 (SpringBoot2+vue3.2+element plus ) ( 火爆连载更新中... )、第2讲 投票项目后端架构搭建、第3讲 小程序端 TabBar搭建等，UP主更多精彩视频，请关注UP账号。https://www.bilibili.com/video/BV1ea4y137xf/新建uni-app项目uni-vote3

tabBar，底部三个tab，对应三个页面，创建投票，关于锋哥，我的。

新建三个页面

pages.json 页面定义

"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path": "pages/create/create","style": {"navigationBarTitleText": "java1234-微投票"}},{"path": "pages/author/author","style": {"navigationBarTitleText": "关于锋哥"}},{"path": "pages/my/my","style": {"navigationBarTitleText": "个人中心"}}],

tabBar定义

"tabBar": {"color":"#4D4D4D","selectedColor":"#13227a","backgroundColor":"#FFFFFF","borderStyle":"black","position":"bottom","list": [{"text": "创建","pagePath": "pages/create/create","iconPath": "static/tabbar/icon/_create.png","selectedIconPath": "static/tabbar/icon/create.png"},{"text": "关于锋哥","pagePath": "pages/author/author","iconPath": "static/tabbar/icon/_author.png","selectedIconPath": "static/tabbar/icon/author.png"},{"text": "我的","pagePath": "pages/my/my","iconPath": "static/tabbar/icon/_my.png","selectedIconPath": "static/tabbar/icon/my.png"}]},

这篇关于uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -小程序端TabBar搭建的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---