百城学院
活到老 学到老

uniapp中的自定义NavBar

uniapp xiangbaicheng 2019-12-06 565 0

使用自定义的NavBar时,需要设置pages.json中页面对应的style.navigationBar为custom。

2019-12-06_132831.jpg

自定义的NavBar推荐使用Dcloud开发的NavBar组件,组件名为:uni-nav-bar。

下载地址为:https://ext.dcloud.net.cn/plugin?id=52#detail

使用方式

1、项目中引入组件

在项目中引入下载好的组件到项目指定位置

2、在script中引入组件,下面的引入路径根据实际情况填写

import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue"
export default {
    components: {uniNavBar}
}

3、在template中使用组件

组件属性

2019-12-06_162132.jpg

插槽说明

开发者使用 NavBar 时,支持向 NavBar 里插入不同内容,以达到自定义的目的。

2019-12-06_163058.jpg

文章分类: 前端开发 Vue.js
文章来源: https://ext.dcloud.net.cn/plugin?id=52#detail
上一篇:兼容IE浏览的视频播放 下一篇:Python配置虚拟环境
xiangbaicheng
文章
130
访问
5
粉丝
2
点赞
22
文章分类