uniapp自定义导航栏

最新推荐文章于 2024-08-21 17:27:47 发布

柒个M

最新推荐文章于 2024-08-21 17:27:47 发布

阅读量5.2k

点赞数

分类专栏： D1：微信小程序

本文链接：https://blog.csdn.net/qq_38244874/article/details/116258696

版权

D1：微信小程序专栏收录该内容

16 篇文章 7 订阅

订阅专栏

1、首先在pages.json中配置下已定义导航栏：

2、在uniapp插件里下载 uni-nav-bar，全局引入到项目中，在main.js中配置：

3、在页面中使用：

<uni-nav-bar background-color="#F8F8F8" color="#000000" shadow="false" :status-bar="status_bar" :title="nav_title">
		</uni-nav-bar>


data() {
			return {
				title: '你好，uniapp',
				// 导航栏文字
				nav_title: '联系人',
				// 是否包含状态栏
				status_bar: true,
				
			}
		},

附上插件的基本配置，想详细查看，请打开上面的链接：