铭"@~-优快云博客

原创 uni-app + vue3 + ts + unocss 使用movable-area和movable-view实现菜单拖拽功能

本文介绍了在uni-app中使用Vue3、TypeScript和UnoCSS实现拖拽菜单功能的方法。核心实现基于微信小程序的movable-area和movable-view组件，详细展示了组件结构、数据类型定义、样式配置和边界限制等关键技术点。文章还提供了高级功能实现方案，包括吸附边缘效果和性能优化技巧，并给出了完整代码示例和注意事项。该方案适用于需要实现可拖拽菜单的微信小程序开发场景。

2025-12-31 11:43:20 368

原创科学计算器实现解析（uni-app + firstUI + vue2）

本文介绍了一个功能完善的科学计算器实现方案。该计算器支持基本运算、科学函数（三角函数、对数、阶乘等）、常数（π/e）和表达式解析，具备角度/弧度模式切换功能。关键实现包括：输入处理逻辑（数字、运算符、函数）、使用正则表达式进行预处理的安全计算模块、动态UI组件以及错误处理机制。代码采用模块化设计，包含数据模型、计算逻辑和显示优化，支持实时结果显示和操作表达式显示。特别优化了超大数/超小数的科学计数法显示，并实现了历史记录功能。

2025-11-06 09:12:19 627

原创 uni-app + firstUI + vue2 计算器实现解析

本文介绍了一个基于uni-app+FirstUI+Vue2实现的跨平台计算器应用。该计算器采用Big.js处理浮点数精度问题，支持四则运算、百分比和正负号切换等核心功能。文章详细解析了状态管理设计、数字输入处理、运算符逻辑、等号计算等关键实现步骤，并重点介绍了使用Big.js解决精度问题、通过混入实现暗黑模式主题切换、Vuex管理历史记录等技术亮点。UI方面采用FirstUI组件库构建响应式界面，包含消息提示、图标和安全区域适配等组件。文章最后提供了完整代码实现，展示了该计算器在真机环境下的运行效果。

2025-11-05 11:11:16 610

原创基于 uni-app + FirstUI 的健康数据计算模块实现分享

本文实现了一个体脂率计算表单，包含BMI和美国海军法两种计算方式。系统根据用户性别动态显示不同测量字段（颈围、腰围、臀围等），并提供数值增减控件。核心功能包括：响应式表单布局，支持暗黑模式动态条件渲染不同计算方式所需字段基于用户输入实时计算BMI、体脂率等指标可视化展示计算结果，包括进度条指示器提供各类健康指标建议技术实现采用Vue+FirstUI框架，支持三端运行，平均渲染时间<100ms。

2025-11-05 10:51:32 694