锋哥原创的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"
}
]
},