自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(66)
  • 收藏
  • 关注

原创 vue封装信号强度

信号5为绿色,信号4为绿色,信号3为黄色,信号2为黄色,信号1为红色,信号0为灰色。

2024-10-28 10:01:28 285

原创 uniapp封装movable-area+movable-view组件,实现悬浮按钮可拖动,自动吸附边缘效果,自动向两边靠拢

【代码】uniapp封装movable-area+movable-view组件,自动吸附两边,自动向两边靠拢。

2024-10-28 09:35:56 421

原创 uniapp封装列表页面头部搜索框

【代码】uniapp封装列表页面头部搜索框。

2024-09-29 11:01:33 157 1

原创 uniapp的冒泡事件使用@click.stop报错

icon 在父元素中,父元素本身有点击事件,希望在点击 icon 的时候不要触发父级的点击事件,阻止冒泡,使用 @click.stop 报错。@click.stop 改成 @click.native.stop。在 uview 组件中使用 u-icon 图标,并添加点击事件。

2024-07-01 09:47:52 613

原创 访问GitHub的问题快速解决办法

增加完成后,打开命令提示符(cmd),刷新DNS。在host文件增加你刚刚搜索到的。找到hosts文件,

2024-06-28 17:38:16 385

原创 uniapp使用阿里云图标

存放在static/icon目录下。把以下四个文件拷贝出来。1.先把图标下载到本地。

2024-06-19 12:01:10 407

原创 uniapp初始化CSS

在App.vue引入。

2024-06-19 08:44:21 218 1

原创 uniapp封装uni.request请求方法

main.js 挂载到Vue实例上。

2024-06-18 16:54:22 217

原创 vue在本地存储使用crypto-js加密、解密数据

加密信息 如果是对象的话需要先转换字符串再进行加密。utils/aes.ts 封装加密、解密方法。解密信息 如果是对象的话解密后再转换对象。

2024-06-18 09:30:45 330

原创 在Vue中使用顶级await,打包出现报错的解决方案

【代码】在Vue中使用顶级await,打包出现报错的解决方案。

2024-06-17 17:57:36 334

原创 使用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

原创 vue3在弹出窗表格动态添加/删除/编辑行

【代码】vue3+el-table表格动态添加/删除/编辑行。

2024-06-17 16:38:44 331 1

原创 uniapp请求高德api接口解析逆地理编码

【代码】uniapp调用高德接口根据经纬度解析逆地理编码。

2024-06-17 11:58:11 360

原创 uniapp根据获取到的经纬度获取详细地址信息

以下代码兼容H5、安卓App、微信小程序。在App和H5是调用百度地图。在微信小程序是调用腾讯地图。

2024-06-17 11:48:53 620

原创 uniapp使用form组件定义一个修改密码的页面

以下代码兼容H5、安卓App、微信小程序。

2024-06-17 10:37:52 344

原创 vue在PC端封装修改密码弹出窗组件

【代码】vue在PC端封装修改密码弹出窗组件。

2024-06-17 10:25:32 172

原创 vue在PC端自定义底部导航栏

全局引入注册或者在页面引入注册 最后在template调用即可。封装成组件 BottomNav。

2024-06-17 09:53:29 313 1

原创 vue在PC端页面渲染前显示loading动画提示

在路由加载前执行loading动画。

2024-06-17 09:35:31 231

原创 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

原创 使用css实现一个边框流动特效

【代码】使用css实现一个边框流动特效。

2024-06-13 15:14:36 520

原创 vue3使用gojs图表流程图

【代码】vue3使用gojs图表流程图。

2024-06-13 14:26:56 667

原创 html实现爱心动画画面

【代码】html实现爱心动画画面。

2024-06-13 11:55:52 196

原创 uniapp实现vuex持久化存储

【代码】uniapp使用vuex持久化存储。

2024-06-13 11:02:05 494

原创 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

原创 JS使用gojs图表流程图

【代码】JS使用gojs。

2024-06-07 13:37:04 336

原创 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实现一个倒计时大圆圈(只兼容H5)

1.封装成组件 /components/CircleTimer/CircleTimer.vue。

2024-06-04 10:18:04 309

原创 uniapp实现一个倒计时大圆圈

1.封装成组件 /components/CountdownTip/CountdownTip.vue。兼容H5、APP、微信小程序。

2024-06-04 09:51:26 420

原创 vue在PC端引用高德地图创建圆圈+点击圆圈弹出窗口展示信息

【代码】vue在PC端引用高德地图创建一个圆圈+点击圆圈弹出窗口展示信息。

2024-06-03 23:00:53 300

原创 vue在PC端引用百度地图创建圆圈+点击圆圈弹出窗口展示信息

【代码】vue在PC端引用百度地图创建一个圆圈+点击圆圈弹出窗口展示信息。

2024-06-03 22:41:56 317

原创 css实现向外闪烁的阴影动画

【代码】css实现鼠标移入元素向外闪烁的阴影动画。

2024-06-03 15:17:00 181

原创 vue在PC端定义一个列出所有菜单的页面

【代码】vue在PC端定义一个列出所有菜单的页面。

2024-06-03 15:05:32 134

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除