uni-app自定义导航栏右侧做增加按钮并跳转链接功能
作者：洪洪呀 发布时间：2024-04-18 10:52:29
标签：uni-app,自定义,导航栏
uni-app自定义导航栏右侧做增加按钮并跳转链接
uni-app 在页面上的导航栏右侧做一个增加的图标 并实现跳转
1. 先看效果图
2. 实现思路
使用阿里图标库的字体图标, 下载放入本地文件 pages页面引入即可 这里说一句 uni-app 不支持在线图标 所以需要下载下来
引入到本地项目中
3. pages.json文件中配置
如果是要放在左边 改float : left 即可
4.page的代码
{
"path": "pages/repairOrder/repairOrder",
"style": {
"navigationBarTitleText": "维修接单",
"enablePullDownRefresh": false,
"app-plus": {
"titleNView": {
"buttons": [
{
"text": "",
"fontSrc": "/static/iconfont/iconfont.ttf",
"fontSize": "23",
"float": "right"
}
]
}
}
}
}
5.点击按钮后跳转事件
onNavigationBarButtonTap(e) {
uni.navigateTo({
url: `/pages/repairOrder/orderSave`
})
},
可以打印e出来看具体参数 有问题评论区
来源：https://blog.csdn.net/H_hongai/article/details/123249267
0
投稿猜你喜欢
- 在使用ValuesQuerySet存放查询结果时，有时需要转为json，但并不能直接使用json.dumps()直接转，而是需要经过下面一个
- django model的json字段的编码器不能有效编码诸如uuid，datetime等数据类型，当直接存储此类型的对象到json字段中为
- 前面简单介绍了Python基本运算，这里再来简单讲述一下Python字符串相关操作1. 字符串表示方法>>> "
- 介绍Django是一个Web框架——一套用于帮助开发交互式网站的工具。Django能够响应网页请求，还能让我们更轻松地读写数据库、管理用户等
前言在前后端分离的开发中，通过 Restful API 进行数据交互时，如果没有对 API 进行保护，那么别人就可以很容易地获取并调用这些- 写一个爬虫首先就是学会设置请求头header，这样才可以伪装成浏览器。下面小编我就来给大家简单分析一下python3怎样构建一个爬虫的请求头
- 1.数据的容量：1-3年内会大概多少条数据，每条数据大概多少字节； 2.数据项：是否有大字段，那些字段的值是否经常被更新； 3.数据查询SQ
- 本文实例讲述了python实现爬取千万淘宝商品的方法。分享给大家供大家参考。具体实现方法如下：import timeimport level
- 本文实例为大家分享了python绘制雪花的具体代码，供大家参考，具体内容如下代码非常容易理解，画着玩玩还是可以的。直接上代码# -*- co
- 一、设置画布turtle为我们展开用于绘图区域，我们可以设置它的大小和初始位置turtle.screensize(canvwidth=600
- 手头有 109 张头部 CT 的断层扫描图片，我打算用这些图片尝试头部的三维重建。基础工作之一，就是要把这些图片数据读出来，组织成一个三维的
- 需求：两个文件，一个文件为统计报表，里面含有手机号，另一个文件为手机号段归属地，含有手机号码前七位对应的地区。需要对统计报表进行处理，将手机
- 本意是为了和手写jdbc对照，不过不要和原来的手写连接重名。打开cmd，直接输入notepad就打开了记事本。jdk1.5之后不必配置cla
- 详细:1.闵可夫斯基距离(Minkowski Distance)2.欧氏距离(Euclidean Distance)3.曼哈顿距离(Manh
- 国外的空间和我们国内的空间使用的语言系统一般不一样，所以在网页程序上时如果处理不当很容易出现乱码，看了让人摸不着头脑。所以我们在编写程序时就
- 一、原理如题，我有一个模板课件.pptx：其内容：我想复制模板中间的某一页多次，比如复制第1页，然后复制3次，prs = Presentat
- 注:转载就注入出自'孤孤浪子博客'原创 http://itpro.blog.163.com 第一步 http://itpro
- PHP程序都要用MYSQL，如果没有MYSQL，就不能用它们.第一：配置数据库信息，改成自己所需的；第二：导入数据库；第三：安装wamp5
- Css tranistions允许元素的属性在单位时间内发生平滑的过渡，在阅读完《CSS Transitions Module Level
- 本文实例为大家分享了PHP实现统计代码行数小工具，供大家参考，具体内容如下为了方面统计编程代码行数，做了一个小工具。自动统计指定目录以及目录
