wocwin的博客

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

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

uniapp微信小程序基于wu-input二次封装TInput组件(支持点击下拉选择、支持整数、电话、小数、身份证、小数点位数控制功能)

uniapp微信小程序封装navbar组件

uni-app微信小程序动态切换tabBar，根据不同用户角色展示不同的tabBar

uniapp微信小程序使用vscode代替HBuilderX开发uniapp微信小程序并且vscode改动代码微信开发者工具能实时更新；解决Vs Code 出现`类型“{ class: string; }”的参数不能赋给类型`错误