- 博客(113)
- 收藏
- 关注
RSS订阅原创 uniapp + h5实现悬浮活动按钮组件
摘要：ActivityFloatButton是一个可拖动的悬浮按钮组件，固定在页面右下角显示，点击可跳转至活动页面。组件支持触摸拖动并自动吸附屏幕边缘，采用圆形设计，适配不同屏幕尺寸。使用时只需引入组件并添加到页面或全局App.vue中即可，默认样式为120rpx的圆形按钮。组件区分拖动和点击操作，避免误触，适合快速访问活动页面。
2026-02-24 17:42:58
751
原创 uniapp + h5 -- 简易抽奖转盘组件（文字版）
摘要 该代码实现了一个简易抽奖转盘组件，包含两个Vue文件： sector.vue扇形子组件： 使用CSS clip-path绘制扇形 通过计算属性动态确定扇形的三个定位点 支持自定义文本、角度、颜色、大小等属性 实现文本的旋转和定位样式 simple-rotary-table.vue主组件： 根据传入的奖项列表动态生成转盘 计算每个扇区的角度 实现转盘旋转动画效果 包含指针按钮触发抽奖 支持配置半径、速度等参数 组件特点： 纯CSS实现扇形绘制 响应式设计，适配不同尺寸 支持自定义奖项列表和样式 实现平滑
2026-02-24 14:09:54
955
原创 uniapp+h5 公众号实现分享海报绘制
本文介绍了一个封装Canvas画布的hooks工具集，提供了跨平台（微信小程序和H5）的Canvas操作功能。主要包括创建Canvas实例、加载图片资源、绘制圆形/矩形图片等核心方法。工具封装了平台差异，通过条件编译实现多端兼容，提供默认尺寸(750×1334)和背景色(#fff)配置，支持Promise异步处理图片加载，并实现了圆形图片裁剪、背景绘制等功能。所有方法都采用参数化设计，便于灵活配置和使用。
2026-02-05 11:32:22
883
原创 uniapp开发微信公众号使用fixed固定定位，苹果手机出现内容不显示问题
摘要：针对苹果手机底部固定定位按钮显示异常问题，封装了一个可复用的组件MyFixedContainer。该组件通过计算高度和动态样式处理，确保底部按钮正常显示。主要特性包括：支持top/bottom两种定位模式、可配置zIndex和背景色、自动计算填充高度防止内容遮挡。使用时只需包裹目标组件并设置mode属性即可。组件内部通过uni-app的API获取元素高度，并采用固定定位+占位容器的方案解决iOS显示问题。
2025-12-25 15:05:02
730
原创 微信公众号开启开发者工具DevTools
vConsole 是一个由腾讯推出的轻量、可拓展的前端开发者工具，专为移动网页调试设计，旨在解决在手机上无法直接使用浏览器开发者工具（如 Chrome DevTools）的痛点。。
2025-12-15 11:06:23
403
原创 uniapp开发公众号项目判断是否在微信浏览器中打开
摘要：该代码片段实现了一个判断当前页面是否在微信浏览器中打开的方法。通过检测navigator.userAgent是否包含"micromessenger"字符串来确定运行环境，返回布尔值结果。该函数专为H5环境设计，在其他环境下默认返回false。可用于公众号开发时识别微信浏览器环境。
2025-12-15 10:45:30
173
原创 uniapp开发公众号，实现回到顶部功能
本文介绍了一个可拖拽的回到顶部悬浮按钮组件my-back-to-top.vue。该组件基于uni-app+Vue3+uview-plus开发，主要功能包括： 显隐控制：通过监听页面滚动，超过设定阈值时显示按钮 定位与拖拽：初始定位在右下角，支持拖拽移动并自动约束边界 样式定制：可自定义大小、颜色、阴影等样式 回到顶部：点击按钮平滑滚动到页面顶部 防误触：刚拖拽后短时间内点击会被忽略 组件采用响应式设计，适配不同屏幕尺寸，并提供多种可配置参数如初始位置、大小、颜色等。通过计算属性和事件处理实现了流畅的交互效果
2025-12-08 11:55:41
1012
原创 vue3实现pdf文件预览 - vue-pdf-embed
vue3实现pdf文件预览 - vue-pdf-embed，并解决高版本中pdf预览失败问题
2025-07-10 11:19:13
1050
原创 vue3实现markdown文档编辑器、转html、样式切换、导出图片、复制内容到微信公众号等功能
vue3实现markdown文档编辑器、转html、样式切换、导出图片、复制内容到微信公众号等功能
2025-06-23 15:19:17
2018
原创 vue3 + element plus 实现表格列头、行的添加及拖动换位
vue3 + element plus 实现表格列头、行的添加及拖动换位
2025-06-11 17:37:53
733
原创 vue3 + element plus -- table表格使用sortablejs实现表格拖拽换位功能
vue3 + element plus -- table表格使用sortablejs实现表格行和列拖拽换位功能
2025-06-09 18:08:15
1500
原创 uniapp实现大视频文件上传-- 阿里云oss直传方式 - app、H5、微信小程序
uniapp实现大视频文件上传-- 阿里云oss直传方式 - app、H5、微信小程序
2025-05-22 12:02:13
986
原创 uniapp视频文件下载---app端视频下载变图片问题解决
uniapp实现视频下载功能，以及app端下载视频时出现`uni.downloadFile`获取到的视频地址没有后缀导致部分手机下载是图片、有部分是损坏文件的情况解决。
2025-05-15 18:30:14
349
原创 vue3使用element plus树形选择器懒加载回显失败问题。
vue3使用element plus树形选择器懒加载回显时树形数据还未加载完成，回显时显示的的绑定值，不是要显示的名称。_input.value = '测试内容';解决2：编辑回显时，拿到要显示的中文强制修改显示内容。解决1：不使用懒加载，一次性将数据返回完成。//强制反显懒加载树形内容。
2023-11-27 13:06:14
923
原创 VuePress - 基于vue的操作文档开发
公司需要写一个比较详细的操作文档，要求发布到网站访问，带有侧边锚点，使用html开发耗时不稳定，找到了。开发的操作文档可打包发布，使用。语法，开发快速方便。
2023-09-20 10:13:35
353
1
原创 css设置八等分圆
本文介绍了实现圆形八等分布局的技术方案。通过CSS旋转和定位实现视觉上的圆形分割，但发现鼠标事件无法准确对应到每个扇形区域。解决方案是叠加一个透明圆环，将其八等分并绑定事件，通过CSS样式覆盖确保事件触发区域准确。文章包含两种代码示例：一个是基础的八等分圆实现，另一个是实际业务中结合图片的云台控制器应用。该方法参考了CSDN博客的技术方案，有效解决了旋转元素导致的交互问题。
2023-07-26 11:28:03
2203
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人