第3讲 小程序TabBar搭建

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定义 -注意iconPath文件

,
	"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. 程序跳转tabbartabbar页面不刷新

    2024-02-13 11:02:02       70 阅读
  2. 知识付费程序如何

    2024-02-13 11:02:02       57 阅读

最近更新

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

    2024-02-13 11:02:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-13 11:02:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-02-13 11:02:02       87 阅读
  4. Python语言-面向对象

    2024-02-13 11:02:02       96 阅读

热门阅读

  1. Android 9.0 禁用adb install 安装app功能

    2024-02-13 11:02:02       51 阅读
  2. Python中Pymysql库的常见用法和代码示例

    2024-02-13 11:02:02       61 阅读
  3. docker常用命令

    2024-02-13 11:02:02       49 阅读
  4. 一个Spring Boot Admin 监控多个Nacos集群

    2024-02-13 11:02:02       49 阅读
  5. 洛谷P1042乒乓球

    2024-02-13 11:02:02       53 阅读
  6. 「Python」Selenium

    2024-02-13 11:02:02       49 阅读
  7. 笔记本选购配置参数详解

    2024-02-13 11:02:02       48 阅读
  8. 信息学奥赛一本通1317:【例5.2】组合的输出

    2024-02-13 11:02:02       47 阅读
  9. 88.Go设计优雅的错误处理

    2024-02-13 11:02:02       53 阅读