Textarea 自动增高
首先就是 qml 页面中,height 属性要绑定 data 中,bindlinechange 检测 textarea 行高变化。
<textarea class="input-show" maxlength="100" style="height:{{inputHeight}}" type="text" show-confirm-bar="{{false}}" bindlinechange="remarkLineAction" />
进行 js 调整
data: {inputHeight: '30px'},remarkLineAction: function (options) {let lineCount = options.detail.lineCount;this.setData({inputHeight: lineCount * 20 + 10 + 'px'})},
进行隐藏底部的 ‘确定’ 按钮
show-confirm-bar="{{false}}"
QQ 小程序 调用相机
qq.chooseImage(Object object) 从本地相册选择图片或使用相机拍照。
object.sizeType 的合法值:original 原图、compressed 压缩图
object.sourceType 的合法值:album 从相册选图、camera 使用相机
qq.chooseImage({count: 1,sizeType: ['compressed'],sourceType: ['album', 'camera'],success: res => {const tempFilePaths = res.tempFilePathsvar tempFilesSize = res.tempFiles[0].size;if (tempFilesSize >= 1000000) {wx.showToast({title: '图片尺寸超标',icon: 'none'})} else {this.setData({loadImage: tempFilePaths[0] })}}})
Object res
res.tempFiles 的结构
QQ 小程序 加QQ群
如果做过小程序授权登录的话,应该发现这个功能的实现方法了。没错QQ小程序加群加好友也是通过button组件的open-type开发能力实现的,加群代码如下:
<button open-type = "openGroupProfile" group-id="123456"><text>点我加群</text></button>
其中group-id
只定要加的群号,要注意的是需要打开的群必须要添加在app.json文件里的groupIdList里面,并且最多只能添加10个群。
"groupIdList":["123456"]
基本跟打开小程序的流程操作一样,只要仔细看文档很简单的。
QQ 小程序 分享卡片
用户点击右上角菜单的「转发」、「分享到空间」按钮时触发的事件的回调函数,参数在每个需要增加分享功能的页面 js 文件Page({})
增加函数绑定。
onShareAppMessage: function () {return {title: '秒数联盟数学派每日壹题',imageUrl: this.data.problem.problem}},
参数 Object res