uniondrug-code v1.1.1

uniondrug-code

接入

1 若项目中没有package.json,输入npm init，对项目进行初始化

npm init

2 安装相关包,在项目的终端输入npm i uniondrug-code安装uniondrug-code组件库的包

npm i uniondrug-code

3 构建npm包

ps: 1 微信开发者工具 -> 工具 -> 构建npm 2 详情 -> 本地设置 -> 使用npm模块

4 使用uniondrug-code组件库,在需要使用的页面下的json文件中，引入相关的组件

{
    "component": true,
    "usingComponents": {
        "uniondrug-code":"uniondrug-code"
    }
}

• 引入完成后我们就可以再页面上使用了

    <uniondrug-code 
        bindmyevent="onMyEvent" 
        env='test' 
        clientId='tencent_test'
        width='500rpx' 
        height='500rpx' 
        cardId='1000692657393976'  
        openid='21382d7d23c164de0e4df66a9257'
    ></uniondrug-code>

 * bindmyevent 回调方法，组件回调的数据会在这里接收
 * env 环境变量（test rc prod）
 * clientId (tencent_test)
 * width 二维码的宽（单位rpx）
 * height 二维码的高（单位rpx）
 * cardId 二维码权益id
 * openid 用户的openid
 * 
 * 注：以上数据均为必传项

    onMyEvent(e){
        let i = this.data.i
        i++;
        this.setData({
            i:i
        })
        console.log('这是组件回调过来的数据',i,e)   
    }