唤醒手腕 - 微信小程序、QQ小程序、抖音小程序学习笔记（更新中）

Textarea 自动增高

首先就是 qml 页面中，height 属性要绑定 data 中，bindlinechange 检测 textarea 行高变化。

<textarea class="input-show" maxlength="100" style="height:{{inputHeight}}" type="text" show-confirm-bar="{{false}}" bindlinechange="remarkLineAction" />
1

进行 js 调整

data: {
	inputHeight: '30px'
},
remarkLineAction: function (options) {
    let lineCount = options.detail.lineCount;
    this.setData({
        inputHeight: lineCount * 20 + 10 + 'px'
    })
},
1
2
3
4
5
6
7
8
9

进行隐藏底部的 ‘确定’ 按钮

show-confirm-bar="{{false}}"
1

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.tempFilePaths
        var tempFilesSize = res.tempFiles[0].size;
        if (tempFilesSize >= 1000000) {
            wx.showToast({
                title: '图片尺寸超标',
                icon: 'none'
            })
        } else {
            this.setData({ loadImage: tempFilePaths[0] })
        }
    }
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Object res

res.tempFiles 的结构

QQ 小程序 加QQ群

如果做过小程序授权登录的话，应该发现这个功能的实现方法了。没错QQ小程序加群加好友也是通过button组件的open-type开发能力实现的，加群代码如下：

<button open-type = "openGroupProfile" group-id="123456"><text>点我加群text>button>
1

其中 group-id 只定要加的群号，要注意的是需要打开的群必须要添加在app.json文件里的groupIdList里面，并且最多只能添加10个群。

"groupIdList":["123456"]
1

基本跟打开小程序的流程操作一样，只要仔细看文档很简单的。

QQ 小程序 分享卡片

用户点击右上角菜单的「转发」、「分享到空间」按钮时触发的事件的回调函数，参数在每个需要增加分享功能的页面 js 文件 Page({}) 增加函数绑定。

onShareAppMessage: function () {
    return {
        title: '秒数联盟数学派每日壹题',
        imageUrl: this.data.problem.problem
    }
},
1
2
3
4
5
6

参数 Object res