止于至善

摘要 本文介绍了在uniapp开发的微信小程序中封装一个支持同时上传图片和视频的组件。通过改造uni-file-picker组件，实现了自定义文件预览功能，包括判断文件类型（图片/视频）、格式校验以及预览展示。核心功能包括： 使用isImageFile/isVideoFile函数判断文件类型 canUploadFile函数校验允许上传的格式 自定义预览插槽展示图片和视频 隐藏原生列表模式，采用栅格化预览布局 实现文件删除和上传进度提示功能 该封装解决了原生组件在grid模式下无法同时预览多种媒体类型的问题，

摘要 本文介绍了在uni-app微信小程序项目中配置TailwindCSS的方法。由于项目基于Vue2和Webpack4，需使用兼容版本@tailwindcss/postcss7-compat。关键步骤包括： 依赖安装：添加autoprefixer、postcss7、tailwindcss兼容版等依赖。 配置插件：在vue.config.js中注册weapp-tailwindcss-webpack-plugin以支持小程序。 路径处理：强调配置文件中所有路径必须为绝对路径，避免HBuilderX读取错误。

最近使用 uniapp 开发的 H5 在测试中遇到的问题：有A、B两个页面，反复从A页面进入B页面后，在B页面会存在返回函数失效问题。经过测试发现，如果反复进入B页面的参数相同，在第三次进入后，返回就会失效，不管是 uniapp 自带的头部导航，还是 uni.navigateBack API 都会失效，不能从 B页面 返回 A页面。目前测试其他浏览器未出现这种情况。注意：路由未成功跳转，当前路由不再执行跳转，此处是防止用户快速重复点击。

最近在使用 uniapp 开发一个跨端项目，项目不是很复杂，但是需要调试支付的时候会比较麻烦，这边 【H5 支付】涉及到微信公众号，支付宝生活号，其他浏览器的支付。在微信公众号需要获取 openId，在支付宝生活号需要获取 union_id，在其他浏览器的时候不需要获取这些参数。那么在微信公众号和支付宝生活号调试的时候就会存在问题，这里就记录一下支付宝生活号的调试配置。方法其实很简单，可能也还有专门的调试工具，但是这种方法解决了我的问题，所以记录一下，方便以后使用的时候调试；

在做订单评论的时候，需要图片上传，开始使用的 FormData 上传，但是后端一直获取不到上传的 file ，由于之前是使用 taro 开发的H5和微信小程序，所以对 uniapp 开发不是很熟悉，使用了创建 input 标签，然后设置属性，来获取图片，最后提交上传。结果发现还是提交不成功，最后发现在 taro 那边使用的将图片转换为 base64 ，然后再提交上传，就按照这个思路实现。

###WXRUI体验二维码如果本插件对你的开发有帮助，请进入小程序，点击一下广告，谢谢支持！下载DatePicker 多时间粒度选择器组件下载DatePicker 多时间粒度选择器可进行多时间粒度选择的时间选择器，组件名：rattenking-dtpicker，代码块： ruiDatePicker。使用方式：在 script 中引用组件import ruiDatePicker f...