- 博客(14)
- 收藏
- 关注
RSS订阅原创 uniapp自定义双滑块组件
摘要：本文实现了一个价格区间滑块组件，支持0-1000范围的数值选择，步长为200。组件包含左右两个滑块，通过触摸事件控制滑动，确保滑块间保持最小步长间距。HTML部分定义滑块轨道、激活区域、步进点和滑块元素；JavaScript处理触摸事件、计算位置百分比和数值转换；CSS设置滑块样式，包括轨道、步进点和滑块的圆角、颜色等视觉效果。组件能实时更新价格区间值，适合移动端价格筛选场景。
2025-12-03 14:51:09
195
原创 picker-view无法对齐问题
本文分析了时间选择器组件的样式对齐问题。当使用indicatorStyle设置指示器高度为80rpx时，.picker-item只需设置line-height为80rpx（与指示器高度一致），而无需单独设置height属性，否则会导致对齐问题。解决方案是去除picker-item的height属性，仅保留line-height属性即可实现正确对齐。该方案适用于uniapp框架中的picker-view组件样式调整。
2025-11-07 09:34:14
165
原创 预约时间组件(uniapp-H5)
摘要：本文分享了一个基于uniapp开发的H5预约时间组件，支持一周时间选择功能。组件包含日期选择（今天至未来6天）、小时（0-23点）和分钟（10分钟间隔）选择功能，并自动过滤过去时间。采用Vue3的setup语法实现，包含完整模板、逻辑和样式代码，可直接复制使用。组件通过emit向父组件返回格式化后的时间数据（YYYY-MM-DD HH:mm:ss格式），适用于各类预约场景。
2025-09-15 09:19:45
183
原创 vue3聊天功能(websocket需要自己配置)
最近新捣鼓出了个pc端的聊天功能，用的是vue3+ts，没有使用其他插件，大家可以复制然后根据自己的需求去修改。页面效果图：表情包效果图：发送图片效果图：聊天消息中的图片可以点击预览。
2025-02-26 09:31:51
855
原创 uniapp安卓App自定义相机(身份证相机)
本人也是第一次做app的自定义相机功能，找了相关文章后，发现uniapp自带的相机组件是不能实现在app中自定义相机的功能，因为不支持。所以使用了uniapp中的live-pusher组件实现自定义相机的功能。
2024-12-27 10:18:48
12950
4
原创 鸿蒙HarmonyOS开发计算器App(附源码，cv可用)
本人在学习了鸿蒙后，手痒想自己做一些小demo练练手，于是就选择了手机app中最常见的计算机app，在百度了好久没找到合适的，很多都是只有一部分或者就写一些实现的功能但是没有源码也没有实现思路的文章，于是本人就放弃了当cv工程师的想法，自己从0-1写一个鸿蒙的计算器app，因为手里有活要做所以就只做了最简单的加减乘除，比较复杂的计算功能以后有时间再写一个。
2024-11-20 16:44:29
1426
1
原创 vue2开发离线百度地图
按照上面的文章，我们已经可以使用离线百度地图了，接下来就是对于离线百度地图的个性化设置，每个人遇到的需求不一样所以对于自定义一些离线地图的功能需求很大，所以我重点展示我自己写的一些自定义功能，希望能帮到各位！
2024-11-19 17:16:09
9808
原创 vue3+vue-croppers实现裁剪图片后上传功能
2、一定要配置:auto-upload="false"，同时在上传的function中手动调用一次上传：uploadRef.value!.submit()。1、el-upload上传组件不能配置before-upload方法，不然会触发多次重复上传的bug。
2024-10-19 11:43:44
1176
原创 HarmonyOS鸿蒙开发使用系统自带icon图标
目前在学习HarmonyOS鸿蒙开发，在练手的时候遇到了一个问题，如何使用鸿蒙系统自带的icon图标，查找了资料才发现鸿蒙的系统自带icon文档和开发文档是分开的，icon文档地址为：HarmonyOS 主题图标库 | icon素材免费下载 | 华为开发者联盟。我们在页面随便中使用一个图标：代码解释：在这段代码中，Text是引用了文本组件。这样子就可以使用HarmonyOS鸿蒙系统自带的iocn图标了。
2024-10-08 15:17:17
2860
原创 vue2若依后台管理系统路由自定义参数
将路由数据分割成两部分，pathWithoutQuery是我们需要的路由部分，query是我们手动给路由添加的自定义参数，在这里将query保存到路由的ele.meta.query中，方便我们在路由导航守卫那里把自定义的参数给添加到地址栏。注意：记得添加setTimeout或者其他异步将参数添加到地址栏，一定要等页面进行跳转后再添加，不然还是会报错出现404.然后发现手动添加自定义参数会在生成路由表时也将参数添加进去，由此会导致路由出现错误，页面出现404。
2024-09-04 14:35:38
1451
1
原创 js将字符串复制到剪贴板
可以通过在点击“复制”按钮时动态生成一个包含所有数据的字符串，然后使用方法将其复制到剪贴板。代码：<template><el-dialogtitle="MQTT连接参数"</div></div></div></div></div></div><el-button size="small" type="primary" @click="copyData">复制</el-button>
2024-08-15 10:43:36
2159
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人