- 博客(11)
- 收藏
- 关注
原创 微信小程序抽屉组件代码,支持标题和底部按钮固定,内容区域可滚动,且宽度和高度自适应屏幕。
获取安全区域的底部内边距,并动态设置按钮区域的底部内边距,确保按钮与屏幕底部保持安全距离。底部按钮与屏幕底部保持安全距离,避免被系统导航栏遮挡。标题位于顶部,按钮位于底部,固定显示,不会滚动。动态获取屏幕宽度和高度,设置抽屉的最大宽高。抽屉组件包含标题和底部按钮,内容区域可滚动。:当内容超出最大高度时,内容区域可滚动。抽屉宽度为屏幕宽度,高度不超过屏幕高度。:宽度为屏幕宽度,高度不超过屏幕高度。标题和按钮固定显示,不会随内容滚动。,当内容超出最大高度时,可以滚动。:标题在顶部,按钮在底部。
2025-01-23 11:34:11
380
原创 vue3 封装涵盖移动端和PC端的消息提示框(Toast和Message)功能
涵盖移动端和PC端的消息提示框(Toast和Message)功能,包括动态调整显示位置、显示逻辑以及动画效果。
2025-01-23 10:19:06
458
原创 vue3比较全面的请求封装
vue3封装请求,包含请求拦截器:统一添加 Authorization 和时间戳。响应拦截器:统一处理成功和失败的响应,显示错误提示。取消重复请求:通过时间戳和请求方法判断重复请求并取消。Mock 数据支持:在开发环境中模拟 API 数据。请求重试机制:在请求失败时自动重试。日志记录:记录请求和响应的日志,方便调试。环境变量支持:从 VITE_API_BASE_URL 获取 baseURL。全局挂载:可以在任何地方通过 this.$http 使用请求方法.........
2025-01-22 11:45:00
968
原创 微信小程序请求封装
以上封装方案结合了请求拦截、响应拦截、全局加载状态管理、错误处理和并发请求处理等多种优化思路,能够有效提升代码的复用性和可维护性,同时为用户提供更好的体验。
2025-01-21 14:48:43
341
原创 css 实现跑马灯效果 无限滚动 丝滑过渡
css 用animation和transform做滚动效果,每当第一个块移动出显示区域后,则重新开始滚动,做到无缝衔接过渡。写出html显示的内容。
2024-12-16 10:33:18
240
原创 uniapp 请求封装方案,结合全局和局部 loading 控制、请求拦截、错误处理、超时重试、日志记录、环境切换以及文件上传下载功能。
结合全局和局部 loading 控制、请求拦截、错误处理、超时重试、日志记录、环境切换以及文件上传下载功能。
2024-10-09 18:12:10
446
2
原创 uniapp项目中使用uni-file-picker,实现限制用户上传文件大小和文件类型,并不回显(vue3+ts)
uni-file-picker中v-model绑定的fileList并不会回显失败的文件,导致我们获取的fileList不一致。无法准确控制文件上传数量limit。
2024-09-11 11:11:20
445
原创 vue和app之间的通信,涵盖双向通信、异步回调、错误处理和日志记录等功能。
通过模块化设计和功能拆分,我们优化了 Vue.js 与原生 APP 的通信模块,使其具备以下特点:异步回调支持:支持原生调用 Vue 方法。错误处理与日志记录:便于调试和问题排查。灵活的双向通信:支持多种通信方式,包括消息传递、URL Scheme 和原生方法调用。易扩展性:模块化设计使得功能扩展更加方便。
2024-07-24 16:14:45
295
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人