- 博客(66)
- 收藏
- 关注
原创 uniapp封装movable-area+movable-view组件,实现悬浮按钮可拖动,自动吸附边缘效果,自动向两边靠拢
【代码】uniapp封装movable-area+movable-view组件,自动吸附两边,自动向两边靠拢。
2024-10-28 09:35:56 421
原创 uniapp的冒泡事件使用@click.stop报错
icon 在父元素中,父元素本身有点击事件,希望在点击 icon 的时候不要触发父级的点击事件,阻止冒泡,使用 @click.stop 报错。@click.stop 改成 @click.native.stop。在 uview 组件中使用 u-icon 图标,并添加点击事件。
2024-07-01 09:47:52 613
原创 vue在本地存储使用crypto-js加密、解密数据
加密信息 如果是对象的话需要先转换字符串再进行加密。utils/aes.ts 封装加密、解密方法。解密信息 如果是对象的话解密后再转换对象。
2024-06-18 09:30:45 330
原创 使用vue-next-admin开源项目解决tags重复出现问题
解决办法:在tagsView.vue文件添加以下代码 需要相同的标签名字删除即可。问题:显示出多个重复的tags,因为在页面路径都带有不同的参数值。
2024-06-17 17:35:11 253
原创 Vite+Vue3+ElmentPlus在部分浏览器(360浏览器)上弹窗无法正常显示的问题
解决办法:vite.config.js中配置css的编译目标,直接设置成主流浏览器版本比如chrome83;完美解决问题~
2024-06-17 17:17:34 222
原创 uniapp根据获取到的经纬度获取详细地址信息
以下代码兼容H5、安卓App、微信小程序。在App和H5是调用百度地图。在微信小程序是调用腾讯地图。
2024-06-17 11:48:53 620
原创 uniapp在App和微信小程序调用uni.addInterceptor页面拦截器
【代码】uniapp在App和微信小程序调用uni.addInterceptor页面拦截器。
2024-06-15 16:57:23 683
原创 uniapp混合开发实现授权登录功能
1.微信H5和支付宝H5是跳转第三方链接获取code,获取到code跳转回来原来页面,再进行执行登录逻辑,登录成功后跳转页面需要用href跳转,否则url会带着code参数。2.微信小程序先调用uni.login获取code,再触发按钮事件获取参数code、encryptedData、iv。3.支付宝小程序调用my.getAuthCode接口获取authCode。以下代码兼容微信H5、支付宝H5、微信小程序、支付宝小程序。
2024-06-15 14:31:56 390
原创 uniapp混合开发实现支付功能
链接: https://pan.baidu.com/s/1wKE7DgejCcW5ZT7Sib_IVA?下载js插件放在utils工具包下面 /utils/jweixin-1.6.0.js。以下代码兼容微信H5、支付宝H5、微信小程序、支付宝小程序。3.在微信小程序是调用uni.requestPayment。1.在微信H5是调用JsApi的chooseWXPay。2.在支付宝H5是调用forms表单弹出支付窗口。4.在支付宝小程序是调用my.tradePay。
2024-06-15 11:51:27 277
原创 uniapp混合开发实现扫一扫功能
下载js插件放在utils工具包下面 /utils/qrcode.js、/utils/jweixin-1.6.0.js。1.在本地运行到H5浏览器是调用uni.chooseImage从本地相册选择图片。2.在App端和微信小程序是调用uni.scanCode。3.在微信H5是调用微信JSSDK的微信扫一扫接口。以下代码兼容H5和APP、微信小程序。
2024-06-12 09:10:00 839
原创 vue导出xlsx表格功能
exportTable:label是xlsx表格头,prop是表格内容,prop要和exportData数据的字段相对应,则拿到对应字段的值。exportData:存放你api接口的数据。3、在msin.ts引入。2、封装在mixin。
2024-06-07 09:55:02 197
原创 vue3+ts使用gojs去除左上角的水印
1、在node_modules中找到go-module.js,路径如下:node_modules/gojs/release/go-module.js。4、最后,重新运行项目,ok。
2024-06-06 18:04:05 1017 7
原创 uniapp实现省市区镇四级联动选项弹出层
前端传给后端的字段:pid就是上一级的id 前端拿到被点击的id当作pid传给后端 后端则返回该pid地区的数据,获取省级数据没有上一级id默认为0即可。/utils/hanziToPinyin.js 该文件用来根据省市区镇名字的第一个文字获取拼音的第一个字母 然后根据字母进行排序。封装成组件 /components/RegionPopup/RegionPopup.vue。使用了uview-plus组件库的索引组件。该功能用来实现选中省市区镇的数据。前后端交互请求响应的数据。
2024-06-05 10:34:16 666
原创 uniapp在微信小程序引用腾讯地图实现自定义省市区海量点
uniapp在微信小程序引用腾讯地图实现自定义省、市、区、项目、设备海量点,根据地图的zoom设置成4-6级是省级别、7-9级是市级别、10-12级是区级别、13和14级是项目级别、15级-15级以上是设备级别。/utils/qqmap-wx-jssdk.js 该文件是腾讯地图的sdk 根据传递的经纬度获取详细地址。登录腾讯地图开发平台创建key。
2024-06-05 09:46:36 436
原创 uniapp在引用高德地图实现自定义省市区海量点
vue在手机端引用高德地图实现自定义省、市、区、项目、设备海量点,根据地图的zoom设置成4-6级是省级别、7-9级是市级别、10-12级是区级别、13和14级是项目级别、15级-15级以上是设备级别。省、市、区、项目的数据,对象的字段是: name、value、latitude、longitude、id。设备的数据,对象的字段是: name、value、latitude、longitude、deviceid。传给后端的字段是地图的被点击海量点的id(areaid)和地图的缩放等级(grade)
2024-06-05 09:17:55 518
原创 uniapp在引用百度地图实现自定义省市区海量点
vue在手机端端引用百度地图实现自定义省、市、区、项目、设备海量点,根据地图的zoomLevel设置成4-6级是省级别、7-9级是市级别、10-12级是区级别、13和14级是项目级别、15级-15级以上是设备级别。省、市、区、项目的数据,对象的字段是: name、value、latitude、longitude、id。设备的数据,对象的字段是: name、value、latitude、longitude、deviceid。2.可自行设置个性化样式模板-下图使用的是"眼眸"
2024-06-05 08:48:52 812
原创 uniapp实现一个倒计时大圆圈
1.封装成组件 /components/CountdownTip/CountdownTip.vue。兼容H5、APP、微信小程序。
2024-06-04 09:51:26 420
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人