![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
花间半盘棋
细 节 决 定 成 败
展开
-
【vue/uniapp】ucharts 可以横向拖动查看数据(当图表数据过多时),避免叠加
需要在 opts 中配置:`enableScroll: true` 和 `ontouch:true`;在 opts 的 xAxis 中配置:`itemCount: 5`(值可以自定义,意思为默认展示几个)原创 2024-05-24 14:46:55 · 317 阅读 · 0 评论 -
【vue/ucharts】ucharts 自定义格式化 y 轴数据显示(横向柱状图常用)
使用 ucharts 的柱状图时,尤其是横向柱状图会更常见,会有自定义 y 轴数据的情况,就像使用过滤器时对数据进行格式化以达到自己想要的效果一样;尤其是需要在纵轴展示公司名称时,可以展示部分统一样式,在点击想要查看某一项的时候仍然显示全称。但是如果此时我的数据比较长,这样放上去就会非常不美观,此时就需要对数据进行格式化,在。原创 2024-05-20 11:59:50 · 308 阅读 · 0 评论 -
【vue/uniapp】ucharts 作为子组件在被引入的时候不显示图表
直接从官网复制来的代码是 onReady 函数,而 vue 组件会让 uniapp 的生命周期函数失效原创 2024-05-20 09:49:20 · 316 阅读 · 0 评论 -
【uniapp/ucharts】采用 uniapp 框架的 h5 应用使用 ucharts(没有 uni_modules)
然后按照图片中 README 所写的方式在项目中进行导入;下载的文件是如图所示的路径;就可以正常显示图表啦。原创 2024-04-26 10:50:51 · 435 阅读 · 0 评论 -
【vue/uniapp】使用 smooth-signature 实现 h5 的横屏电子签名
通过github链接进行下载,然后代码参考如下,功能包含了清空、判断签名内容是否为空、生成png/jpg图片等原创 2024-04-07 17:16:54 · 654 阅读 · 0 评论 -
【uniapp/uview】解决 u-collapse 展开折叠的小箭头在有些型号的手机上不显示
折叠面板组件时,需要更改它自带的小箭头的样式,更改之后在有些型号的手机上不显示;观察样式后发现使用的是 unicode 字符,但是改了之后仍然不生效;使用 uview1 版本的。原创 2024-03-12 15:28:44 · 560 阅读 · 0 评论 -
【uniapp/vue/pdf.js】在 uniapp 中使用 pdf.js(可以实现在电脑和手机上预览 pdf 文件)
可以在 uniapp 中使用,可以实现在电脑和手机上预览 pdf 文件,这里的 pdfLink 是在线链接的地址,根据实际情况进行替换。原创 2024-01-26 15:18:34 · 1690 阅读 · 3 评论 -
【vue/uniapp】使用 uni.chooseImage 和 uni.uploadFile 实现图片上传(包含样式,可以解决手机上无法上传的问题)
发现如果是在微信小程序的项目中嵌入 h5 的模块,这个 h5 的项目使用 u-upload 的话,图片上传功能在电脑上正常,但是在手机的小程序上测试就不会生效,点击上传加号按钮毫无反应。,删除的实现方法是在本地进行的,是对数组进行 splice 之后,再将最新的图片数组保存进大数组一次,最后再进行上传,注释写的很详细,方便以后回顾查看。进行图片选择功能,配置相应参数和值,选择成功,走到 then 的成功回调里,回显照片,此时调接口。现在最终的解决方法是,使用 uniapp 的。原创 2024-01-03 17:19:54 · 3054 阅读 · 1 评论 -
【vue/uniapp】pdf.js 在一些型号的手机上不显示
uniapp 项目通过 pdf.js 来在线浏览 pdf 链接,在微信小程序中都显示正常,但是通过 app 跳转小程序,在苹果、小米显示正常,但是华为和 oppo 就不显示,可以通过降 pdf.js 的版本来解决这个问题。,特别需要注意的是,解决跨域问题报错,两个版本注释的地方不太一样,需要在。历史版本我觉得不太好找,所以附一下相关链接,也方便自己以后用的时候回来找。我是将官网下载的最新版本 4.x 降到了。原创 2024-01-03 14:48:19 · 1294 阅读 · 0 评论 -
【uniapp】触底加载事件 onReachBottom 不生效
是不是用了局部滚动 ;检查 css 是不是写了。原创 2023-11-22 16:28:07 · 1425 阅读 · 1 评论 -
【uniapp/uview1.x】u-upload 在 v-for 中的使用时, before-upload 如何传参
是这样一种情况,在接口获取数据之后,是一个数组列表,循环展示后,需要在每条数据中都要有图片上传,互不干扰。是不加括号的,但是此时需要传参,也就是 for 循环中的每一个。信息,这样才能确定是给那一项上传图片的。这样就可以进行传参了,默认的两个参数是。是 for 循环中的每一项,uview 官网中有说明,原创 2023-11-16 11:00:21 · 833 阅读 · 0 评论 -
【uniapp/uview】Collapse 折叠面板更改右侧小箭头图标
折叠面板更改右侧小箭头图标。原创 2023-11-09 11:48:10 · 1195 阅读 · 0 评论 -
【uniapp】uview1.x 的 u-upload 上传点击删除隐藏 modal 提示框
但是有时又不需要,想要直接提示删除成功即可,由于官网没有给出点击删除按钮时所调用的钩子函数,又无法操作 DOM,只有删除成功时的回调;就不会再弹弹窗了,只会进行删除成功的消息提示框。原创 2023-11-04 23:04:47 · 954 阅读 · 0 评论 -
【uniapp】uview 自定义 tabBar 底部导航栏
切换调用的钩子函数,参数对应下标;在 uview1.x 中,不用在。跳转到对应页面,也需要配置。:对应当前激活的图标;:未激活的文字颜色;:已激活的文字颜色;原创 2023-11-02 16:50:56 · 1465 阅读 · 0 评论 -
【uniapp】顶部和底部导航栏无法正常显示
是否配置正确,如果配置多个菜单项,只要有1个路径配置正确就能正常显示,只是不能跳转。之后仍然不显示,需要检查。原创 2023-10-31 09:43:52 · 2826 阅读 · 0 评论 -
【uniapp】uview1.x使用upload上传图片
再来一些配置项的命名有所不同,一般1.x的命名用。1.x 的上传会自带删除时的提示框,2.x 没有;初始化为一个空数组,是用来保存图片的列表。,指当前的图片的下标和已有图片的列表。来配置后端上传图片的接口地址;:用来设置最大可上传图片数量。:用来单张图片可上传的大小。,2.x的命名使用小驼峰;和2.x不同的是,要用。为后端上传图片的接口。为图片上传之前的回调。为图片删除之前的回调。原创 2023-10-29 01:17:34 · 1250 阅读 · 4 评论 -
【uniapp】proxy 代理切换至线上测试地址调试接口
使用线上地址之后需要修改配置项。另外,本地测试地址接口为。原创 2023-10-21 20:32:38 · 681 阅读 · 0 评论 -
【uniapp/uView】解决消息提示框悬浮在下拉框之上
放在 u-popup 里面即可,这样就可以提升。需要实现这样的效果,即。原创 2023-10-21 20:18:58 · 915 阅读 · 0 评论 -
【uniapp/uview】u-datetime-picker 选择器的过滤器用法
要求日期选择的下拉框在分钟显示时,只显示 0 和 30 分钟;还补充了开始年份从今年开始的写法,这样就可以按照要求来自定义了。原创 2023-09-05 17:19:37 · 1521 阅读 · 0 评论