浅析uniapp开发微信小程序实际问题:预览及真机调试时包超过2M时、uniapp解决输入框被软键盘覆盖的问题、微信小程序flex:1属性不生效无法撑满元素问题、长按识别二维码、uni-app开发微信小程序唤起订阅消息
一、预览及真机调试时包超过2M时
message:Error: 系统错误,错误码:80051,source size 2069KB exceed max limit 2MB
预览及真机调试时包超过2M时,可在开发者工具右侧“详情”中勾选“预览及真机调试时主包、分包体积上限调整为4M”即可解决。
二、uniapp解决输入框被软键盘覆盖的问题
1、使用普通input标签
直接添加cursorSpacing属性即可
<input cursorSpacing="10"></input>
指定光标与键盘的距离,单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
2、使用uview中的input标签
uview中已经封装了此属性,直接设置即可
<u-input cursorSpacing="10"></u-input>
注意: uview中的u-seach标签添加此属性无效
三、微信小程序flex:1属性不生效,无法撑满元素问题
小程序iOS兼容性问题,左侧安卓是可以撑开元素占满剩余空间的,但是 iOS 不行,只占 600rpx 空间。
解决方案:改成右侧那样即可
四、长按识别二维码:show-menu-by-longpress
文档里有具体描述:https://developers.weixin.qq.com/miniprogram/dev/component/image.html
五、uni-app开发微信小程序唤起订阅消息
开发步骤:
1、微信公众平台登录你的小程序后台
2、选择“订阅消息”
3、在公共模板库中选择模板并提交选用,在“我的模板”中就可以看见你的模板了
4、uni-app 开发调用:uni.requestSubscribeMessage,微信开发调用:wx.requestSubscribeMessage 唤起订阅消息弹窗
requestSubscribeMessage() {
uni.requestSubscribeMessage({
tmplIds: ['wZCzL9Iqrk-_gFuC3A0ahenwYKOq1YzZOmRsZ29CZN8'],
fail: (e) => {
console.error('requestSubscribeMessage', e)
},
complete() {
console.log('complete')
}
})
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律