浅析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')
      }
    })
}
复制代码

 

posted @   古兰精  阅读(2954)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示