浅析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 @ 2017-06-19 23:40  古兰精  阅读(1703)  评论(0编辑  收藏  举报