uniapp修改顶部标题

最新推荐文章于 2024-06-02 14:45:17 发布
最新推荐文章于 2024-06-02 14:45:17 发布
阅读量1.5k 收藏
点赞数
文章标签： 前端 vue html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55648290/article/details/123403757
版权

uni.setNavigationBarTitle({
title:'设置标题(可以是变量)'
})
 

尤小白
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app - 去除所有页面顶部标题栏
王佳斌
05-12 4477
前言 去掉全部或某一页面的顶部标题栏，如下图所示： 去除全部页面 该示例是去除全部页面的标题栏。 在 pages.json > globalStyle 下加入以下代码。 "navigationStyle": "custom" 示例代码： "pages": [...], "globalStyle": { "navigationStyle": "custom" } 去除某个页面 同理，只是配置的地方不同而已。 "pages": [//https://uniapp.dcloud.io/coll
uniappH5去掉页面标题
m0_67388537的博客
07-15 2660
-- 这里是状态栏 -->
前端学习（2347）：创建新页面和配置
歌谣的博客
10-04 751
pages.json { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path" : "pages/message/message", "style" : { "navigationBarTitleText": "信息页", "navigationBarBackgroundColor": "#7FFF00", "h5":{ ..
uniapp自定义跟原生一模一样样式的顶部导航标题+滚动吸顶
最新发布
weixin_52830464的博客
06-02 277
在根目录下定义components/Header/Header.vueHeader.vue。
uni-app在打包h5标题隐藏
青衫折扇的博客
05-13 2309
在我们用uni-app打包h5项目的时候会出现两个标题 我们需要把下面标题隐藏掉， 只需要在项目Vpp.vue公共css隐藏一下 <script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: function() { console.log('
uni-app去除页面头部的标题栏
weixin_45966674的博客
03-01 2412
我们只需要在pages.json中 指定page的 style中加入。配置在我们项目根目录的 pages.json中。uniapp项目 每个界面都会有一个标题栏。对应的page 就没有这个标题栏了。上面还是有一条黑的 体验非常差。
微信小程序 配置顶部导航条标题颜色的实现方法
08-29
微信小程序配置顶部导航条标题颜色的实现方法 微信小程序配置顶部导航条标题颜色的实现方法是微信小程序开发中一种常见的需求。通过配置顶部导航条标题颜色，可以使小程序的视觉效果更加美观，提高用户体验。在本文...
基于uniapp的sticky吸顶示例
11-19
在uniapp中，我们同样可以利用这个特性来创建吸顶效果，尤其是在滚动页面时，如顶部导航栏或底部工具栏。 在`main.js`文件中，通常我们会全局注册组件或者设置Vue的配置，但在这个示例中，`sticky`属性的使用并不...
上滑隐藏标题下拉显示
04-05
5. **防止空白区域**："完美解决滑动出现的空白问题"意味着在标题栏隐藏后，滚动视图的顶部应该无缝接替，避免出现空白区域。这需要在布局设计时精确计算标题栏的高度，并在隐藏时调整滚动视图的位置。 6. **兼容性...
小程序顶部tab页点击切换案例
01-22
可以使用`wx.setNavigationBarTitle`方法来动态修改顶部导航栏的标题。 结合压缩包文件名`wechat_xiaochengxu_slider_del`，我们可以推测其中可能包含的资源有： - `slider`可能代表滑动效果，这可能是实现Tab切换...
uview2完整资源，uniapp组件框架
02-18
5. NavBar（导航栏）：顶部导航栏，可自定义标题、返回按钮、右侧内容等。 6. Dialog（弹窗）：用于显示警告、确认、提示等信息，支持自定义内容和操作按钮。 7. Swiper（轮播图）：支持自动播放、图片懒加载、...
uniapp和微信小程序去掉顶部标题
delusional_的博客
10-24 2949
解决uniapp或者微信小程序去掉顶部标题
uni-app中自定义页面顶部标题
Tianxiaoxixi的博客
08-06 7686
uni-app中自定义页面顶部标题
uni-app 更改标题
rainylf的博客
11-21 3777
uni-app更改标题
uniapp App原生头部和自定义头部
拥抱城市的你
01-16 6795
# 原生配置头部： 1.在pages.json中 - titleText 标题名称 - buttons 按钮配置 - searchInput 搜索 2.buttons 按钮配置 - "float": "left" 控制按钮在 **左右** 显示 - "badgeText": "19" 角标显示 - "text": "北京\ue629" 可拼接图标...
uniApp 自定义分享到微信、朋友圈
qq_1307495的博客
03-16 2199
新建组件share-posters在项目中index.html文件中引入jWeixin在父组件中使用。
uni-app 微信小程序分享功能
m0_61073617的博客
02-16 9207
这两种分享都会触发 onShareAppMessage 函数，在js 中定义该函数，设置页面分享的信息， 注意：该函数和onLoad 等生命周期函数同级
uni-app写小程序中的自定义头部
yyanglirong的博客
11-10 7839
先看下效果 这里的小房子和扫码抽奖文字都是自定义的，操作如下 一、设置头部自定义 在pages.json文件中，你需要自定义头部的页面，增加配置字段 "style": { "navigationStyle": "custom" //代表自定义头部 } 二、头部自定义组件 <template> <view class="nav-box" :style="phoneHeight" > <view class="nav-
uni-app：顶部标题栏的部分相关设置（标题更改， 加载效果）
weixin_46001736的博客
09-26 5263
uni-app：顶部标题栏的部分相关设置（标题更改， 加载效果）
uniapp自定义顶部导航栏大小
03-26
若需要在uniapp中自定义顶部导航栏的大小，可以通过修改页面的样式来实现。 1. 在对应页面的 `style` 中添加以下样式： ```css /* 设置导航栏高度为60px（根据实际需要修改） */ .uni-bar { height: 60px; } /* ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值