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

}

]

},

参考阅读

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。