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账号。icon-default.png?t=N7T8https://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"
			}
		]
	},

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-04 15:40:04       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-04 15:40:04       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-04 15:40:04       87 阅读
  4. Python语言-面向对象

    2024-01-04 15:40:04       96 阅读

热门阅读

  1. 【菜鸡带你识证书】之红帽:RHCA 架构师

    2024-01-04 15:40:04       53 阅读
  2. Day22

    2024-01-04 15:40:04       51 阅读
  3. 深度学习-双精度

    2024-01-04 15:40:04       57 阅读
  4. 【docker】安装docker环境并启动容器

    2024-01-04 15:40:04       55 阅读
  5. linux新M2固态挂载

    2024-01-04 15:40:04       65 阅读
  6. 【Python】线程和多线程的使用

    2024-01-04 15:40:04       66 阅读
  7. GPT-5:未来的大潮,即将到来?

    2024-01-04 15:40:04       55 阅读