uni app 自定义 头部组件(1)禁用原生

具体页面为

公司项目所以去除了logo与对应内容
uni app 自定义 头部组件(1)禁用原生_第1张图片

实现方法

  1. 禁用原生uniapp头部
    pages.json
"style": {
	"app-plus": {
		"titleNView": false //禁用原生导航栏
	}
}
  1. 创建组件页面

    uni app 自定义 头部组件(1)禁用原生_第2张图片

  2. 组件页面创建调用名
    在这里插入图片描述
    页面具体结构样式视设计图而定,这里就不一一上传了

  3. 页面调用自定义组件

    1. 组件中已经申明了组件的调用名,所以在合适的地方之间以标签的形式调用就好了
      uni app 自定义 头部组件(1)禁用原生_第3张图片
    2. 在页面中调用主键需要注册
      在这里插入图片描述
      在这里插入图片描述
      这样就是最简单的调用自定义主键了下一篇介绍使用uniapp规定内的头部改变
      顺带一提关于弹窗效果我在这里存放的是一个uniapp插件市场下载的弹出框组件(popup 弹出层组件),主键的调用方法与之前的方法一致

你可能感兴趣的:(uniapp)