wocwin的博客

【摘要】本文介绍了一个自制的uni-app时间段选择组件TTimeRange，弥补了uni-ui缺少时间段选择功能的不足。组件支持选择起始和结束时间，包含时间有效性校验（自动交换不合理的时间顺序），提供确认、取消和清空功能。通过picker-view实现时间滚动选择界面，支持双向数据绑定和事件回调。组件样式采用固定定位布局，包含半透明遮罩层，代码简洁实用，适用于需要选择时间段的业务场景。

本文介绍了一个可拖拽悬浮按钮组件的实现方案，基于uniapp的movable-area和movable-view组件开发。该组件具有以下特点：1) 初始位置在屏幕右下角；2) 支持全方向拖拽移动；3) 拖拽结束时自动吸附到最近的屏幕边缘；4) 通过防抖处理优化拖动性能；5) 可自定义按钮标题和点击事件。组件采用固定定位并优化了事件穿透问题，适合作为全局悬浮功能按钮使用。源码包含完整的模板、脚本和样式实现，可直接集成到uniapp项目中。

Vue3项目如何使用npm link本地测试组件库

前端代码审查（Code Review）---具体实践规范会持续更新

Vue3+vite 使用import.meta.globEager代替require.context实现自动导入api

Vue项目商品购物车前端本地缓存逻辑（适用H5/ipad/PC端）——前端实现购物车删除商品、购物车增减数量，清空购物车功能、新增扫码枪扫码添加到购物车功能

Vue3 开发语法使用总结（超详细、超基础）

Vue项目利用sass函数、变量、 for循环实现可移动的星空