更新记录

1.0.1(2025-07-16) 下载此版本

  • 1、增加参数默认页面defaulePage,如返回上一页失败,返回默认页面,如未配置默认页面,弹出提示。

1.0.0(2025-07-16) 下载此版本

  • H5、小程序页面标题动态显示/隐藏组件;
  • 小程序页面自适配顶部安全区;
  • 由于H5在微信以及其他浏览器中,均会显示页面标题,导致显示两个标题,故此开发此组件。

平台兼容性

uni-app(4.06)

Vue2 Vue2插件版本 Vue3 Chrome Chrome插件版本 Safari Safari插件版本 app-vue app-vue插件版本 app-nvue Android iOS 鸿蒙
1.0.0 - 1.0.0 1.0.0 1.0.0 - - - -
微信小程序 微信小程序插件版本 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
1.0.0 - - - - - - - - - -

其他

多语言 暗黑模式 宽屏模式
×

ziqirj-page-view 页面标题动态显示组件

  • 组件名:ziqirj-page-view
  • 关联组件:uni-nav-bar

插件说明

  • 1、H5、小程序页面标题动态显示/隐藏组件
  • 2、由于H5在微信以及其他浏览器中,均会显示页面标题,导致显示两个标题,故此开发此组件

使用说明

组件参数

参数 类型 默认值 必填 描述
title String '' true v-model动态绑定属性
defaultStyle Object {} false 自定义样式
topInterval String 0 false 标题与实际页面原始间距,单位px
isTabBar Boolean false false 是否是tabBar页面,用于计算页面可用高度
defaulePage String null false 默认页面defaulePage,如返回上一页失败,返回默认页面,如未配置默认页面,弹出提示

使用示例

<template>
    <ziqirj-page-view title="自定义标题" top-interval="10px" :default-style="{backgroundColor: '#FF0'}" :is-tab-bar="false">
        我是不显示标题的H5页面
    </ziqirj-page-view>
</template>

效果图

H5 微信小程序

依赖组件

uni-nav-bar

如使用过程中有任何问题,或者您对组件有一些好的建议,欢迎留言

紫琪程序猿

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问