
uniapp
扶苏1002
一个热衷于技术的前端博主
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
uniapp 小程序下载pdf组件封装
这是一个Vue单文件组件,实现了一个文件下载功能。组件通过downloadUrl属性接收下载地址,点击按钮触发下载流程。主要功能包括:1) 支持自定义下载按钮文本;2) 下载完成后自动预览PDF文件;3) 提供错误处理和状态管理;4) 支持多种文件类型预览。组件使用uni-app的API实现跨平台文件下载和预览功能,并包含基本的样式定义。原创 2025-07-29 17:29:07 · 129 阅读 · 0 评论 -
解决uniapp使用canvas绘制二维码,内容不随父组件滚动,元素悬浮的问题
摘要:使用Canvas绘制二维码时遇到层级问题和滚动遮挡,原因是原生组件在WebView中有特殊限制。解决方案是将Canvas转为图片显示,关键点包括:1)添加延时确保Canvas绘制完成;2)调用API时需传递组件实例参数this,避免报空Canvas错误。通过canvasToTempFilePath生成图片路径后切换显示,解决了原生组件的层级和样式限制问题。(150字)原创 2025-07-28 15:01:03 · 342 阅读 · 0 评论 -
uniapp使用地图选点获取经纬度和详细地址
本文介绍了一个封装的地理位置获取工具函数getMapLocation及其使用方法。该函数首先尝试调用uni.chooseLocation获取位置信息,若失败则检查用户授权状态。未授权时会弹出授权提示框,用户同意后会跳转授权设置页面,授权成功后再重新获取位置信息。使用时只需传入成功回调函数即可获取包含经纬度和详细地址的位置信息。该封装简化了小程序中获取地理位置的授权处理流程。原创 2025-07-26 17:03:17 · 147 阅读 · 0 评论 -
uniapp多tab情况处理触底分页加载和下拉刷新
本文展示了一个基于Vue的订单列表页面实现,主要功能包括: 使用自定义Tabs组件实现订单状态分类(全部/待服务/服务中/已服务/已取消) 每个Tab页独立管理数据状态和分页参数 实现上拉加载更多功能 包含加载中和空数据状态处理 核心特点: 采用tabMapData对象管理各Tab页数据 通过scroll-view的scrolltolower事件实现分页加载 包含数据加载状态控制逻辑 使用OrderCard组件展示每个订单项 代码结构清晰,包含了模板、脚本和样式三部分,实现了完整的订单列表交互功能。原创 2025-07-23 15:17:58 · 221 阅读 · 0 评论 -
uniapp中实现锚点定位滚动效果
【代码】uniapp中实现锚点定位滚动效果。原创 2024-09-30 17:42:26 · 1070 阅读 · 0 评论 -
uniapp微信小程序修改组件样式失效(解决方案)
表示页面 wxss 样式将影响到自定义组件,自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。在微信小程序平台上。这是因为微信小程序对于组件样式的处理具有一定的隔离性,旨在防止样式冲突,这被称为样式隔离。表示启用样式隔离,在自定义组件内外,使用 class 指定的样式将不会相互影响(一般情况下的默认值);表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面;提供的配置项,用于控制组件样式的作用域。原创 2024-09-29 10:16:22 · 2126 阅读 · 0 评论 -
uni-file-picker文件选择上传功能实现
可以使用九宫格样式选择图片limit="1",则最多选择张图片,限定只选择图片,限定只选择 png和jpg后缀的图片,可以停止自动上传,通过ref调用upload方法自行选择上传时机。与搭配使用,原创 2024-09-23 16:19:19 · 3352 阅读 · 0 评论 -
将uniapp运行到微信开发者工具
登录微信公众平台:https://mp.weixin.qq.com/的文件位置,直接复制此路径即可,如果是。的文件位置,选中快捷方式,再次右键。开发管理->开发设置。选择打开文件所在位置。原创 2024-07-03 16:24:38 · 3294 阅读 · 0 评论 -
uniapp运行到小程序报错:Some selectors are not allowed in component wxss, including tag name selectors, ID
组件对应 wxss 文件的样式,只对组件wxml内的节点生效。原创 2024-06-24 11:35:26 · 1177 阅读 · 0 评论 -
uniapp开发微信小程序报错【本地资源图片无法通过 WXSS 获取】
先看uniapp官网对背景图片的说明。原创 2024-06-21 20:51:29 · 1427 阅读 · 0 评论 -
uniapp连接低功耗蓝牙设备(微信小程序同样适用)
但根据文档提示,我们连接后还需要关闭 “搜索附近设备” 的功能,这个很好理解,既然找到了,再继续找就是浪费资源。你的设备可能不止一条特征值,需要监听那条特征值这需要你和硬件佬协商的(通常也是硬件佬直接和你说要监听哪条)。但这是蓝牙设备那边控制的,你作为前端佬,人家“已读不回”你也拿人家没办法。字段里保存了该服务的所有特征值,我的设备这个服务只有1个特征值,并且读、写、消息推送都为 true。上面代码的逻辑是,如果开启 “寻找附近设备” 功能成功,接着就开启 “监听寻找到新设备的事件”。原创 2024-06-08 11:08:49 · 4898 阅读 · 3 评论 -
uniapp如何查看项目云端证书详情
访问Dcluud你的项目列表,地址:https://dev.dcloud.net.cn/pages/app/list原创 2024-05-23 18:40:38 · 531 阅读 · 0 评论 -
uniapp获取当前位置和经纬度信息(app端高德地图)
这里的ios的key我没生成(需要苹果系统),但是配置文件又是必填,我瞎写了一个,不影响Android端使用。槽点太多,后面补----------------------------------,即打开地图选择位置。登录高德开放平台 ,原创 2024-05-21 17:04:51 · 11193 阅读 · 0 评论 -
用JDK的keytool工具创建SHA1安全证书
命令生成了一个新的密钥库文件。命令生成了一个新的密钥库文件。命令时,指定的密钥库文件。命令时,指定的密钥库文件。问题产生的原因是在执行。问题产生的原因是在执行。,并用于后续的操作。再次输入秘钥口令输入。,并用于后续的操作。再次输入秘钥口令输入。原创 2024-05-21 14:48:46 · 1531 阅读 · 0 评论 -
uni-app 安卓禁用侧滑返回/虚拟返回
即可禁止响应左滑动画。原创 2024-05-21 12:27:36 · 4068 阅读 · 0 评论 -
uni-app下使用navigateTo页面跳转后原页面wacth持续监听的问题处理
跳转到其他页面后,原来的页面并未销毁,离开页面的时候,停止监视。原创 2024-05-21 12:08:34 · 783 阅读 · 0 评论 -
uniapp真机调试App报错:运行的基座不包含原生插件
报错原因:因为我的项目里面使用自定义的原生插件。原创 2024-05-17 22:29:28 · 1418 阅读 · 0 评论 -
uniapp键盘右下角按钮显示为搜索并触发事件
【代码】uniapp键盘右下角按钮显示为搜索并触发事件。原创 2024-05-17 17:42:46 · 1141 阅读 · 0 评论 -
uniapp+vue3+setup语法实现路由传递接收参数
【代码】uniapp+vue3+setup语法实现路由传递接收参数。原创 2024-05-17 10:56:22 · 1676 阅读 · 0 评论 -
Vue3中让搜索出来的关键词标红
【代码】Vue3中让搜索出来的关键词标红。原创 2024-05-16 18:47:24 · 580 阅读 · 0 评论 -
uniapp实现点击input框外发送按钮键盘不收回
场景:在聊天页面中,点击input输入框外面的一个发送按钮,导致input失焦导致键盘自动收回。原创 2024-05-16 11:42:43 · 913 阅读 · 1 评论 -
【uniapp】状态存储Pinia的使用,以及它的数据持久化
uni-app创建的Vue3版本已经内置了pinia,不需要安装即可使用(Vue2版本内置了Vuex。原创 2024-05-15 10:25:29 · 5914 阅读 · 6 评论