export const commonMixin = { data() { return { appid: 'wx123456789abcdefg', roomId: [], // 填写具体的房间号 roomList: [] } }, props: { terminal: { type: Number, default: 4 }, typeId: { type: Number, default: 1 }, shopId: { type: Number, default: 0 }, componentContent: { type: Object } }, created() { this.getLiveRooms() }, methods: { // 获取直播间列表 getLiveRooms () { // Net.request('https://api.weixin.qq.com/wxa/business/getliveinfo?access_token=').then(res => {}) const response = { "errcode": 0, // 错误码,0代表成功,1代表未创建直播间 "errmsg": "ok", // 错误信息 "total":1, "room_info":[{ "name":"直播房间名", "roomid": 1, "cover_img":"https://www.baidu.com/img/flexible/logo/pc/result@2.png", "share_img":"https://www.tencent.com/img/banners/brief-1-1.jpg", "live_status": 101, // "live_status": 101, // 直播间状态。101:直播中,102:未开始,103已结束,104禁播,105:暂停,106:异常,107:已过期 "start_time": 1568128900, // 直播间开始时间,列表按照start_time降序排列 "end_time": 1568131200, // 直播计划结束时间 "anchor_name":"里斯", "goods":[{ "cover_img":"https://static.www.tencent.com/img/banner/wxpay-banner.jpg", "url":"pages/index/index.html", "name":"茶杯", "price": 1889, // 价格(分) "price2": 0, "price_type": 1, // 价格类型,1:一口价(只需要传入price,price2不传) 2:价格区间(price字段为左边界,price2字段为右边界,price和price2必传) 3:显示折扣价(price字段为原价,price2字段为现价, price和price2必传) "goods_id": 256, // 商品id "third_party_appid": "wx123456789aaaaaaa" //第三方商品appid ,当前小程序商品则为空 }], "live_type": 0, // 直播类型,1 推流 0 手机直播 "close_like": 0, // 是否关闭点赞 【0:开启,1:关闭】(若关闭,观众端将隐藏点赞按钮,直播开始后不允许开启) "close_goods": 0, // 是否关闭货架 【0:开启,1:关闭】(若关闭,观众端将隐藏商品货架,直播开始后不允许开启) "close_comment": 0, // 是否关闭评论 【0:开启,1:关闭】(若关闭,观众端将隐藏评论入口,直播开始后不允许开启) "close_kf": 1, // 是否关闭客服 【0:开启,1:关闭】 默认关闭客服(直播开始后允许开启) "close_replay": 1, // 是否关闭回放 【0:开启,1:关闭】默认关闭回放(直播开始后允许开启) "is_feeds_public": 0, // 是否开启官方收录,1 开启,0 关闭 "creater_openid": "aaaaAbbbbB0ccccC0ddddDeeeeE0", // 创建者openid "feeds_img": "XXX" // 官方收录封面 },{ "name":"直播房间名", "roomid": 2, "cover_img":"https://www.baidu.com/img/flexible/logo/pc/result@2.png", "share_img":"https://www.tencent.com/img/banners/brief-1-1.jpg", "live_status": 102, // "live_status": 101, // 直播间状态。101:直播中,102:未开始,103已结束,104禁播,105:暂停,106:异常,107:已过期 "start_time": 1639223017, // 直播间开始时间,列表按照start_time降序排列 "end_time": 1639200008, // 直播计划结束时间 "anchor_name":"里斯", "goods":[{ "cover_img":"https://static.www.tencent.com/img/banner/wxpay-banner.jpg", "url":"pages/index/index.html", "name":"茶杯", "price": 1889, // 价格(分) "price2": 0, "price_type": 1, // 价格类型,1:一口价(只需要传入price,price2不传) 2:价格区间(price字段为左边界,price2字段为右边界,price和price2必传) 3:显示折扣价(price字段为原价,price2字段为现价, price和price2必传) "goods_id": 256, // 商品id "third_party_appid": "wx123456789aaaaaaa" //第三方商品appid ,当前小程序商品则为空 }], "live_type": 0, // 直播类型,1 推流 0 手机直播 "close_like": 0, // 是否关闭点赞 【0:开启,1:关闭】(若关闭,观众端将隐藏点赞按钮,直播开始后不允许开启) "close_goods": 0, // 是否关闭货架 【0:开启,1:关闭】(若关闭,观众端将隐藏商品货架,直播开始后不允许开启) "close_comment": 0, // 是否关闭评论 【0:开启,1:关闭】(若关闭,观众端将隐藏评论入口,直播开始后不允许开启) "close_kf": 1, // 是否关闭客服 【0:开启,1:关闭】 默认关闭客服(直播开始后允许开启) "close_replay": 1, // 是否关闭回放 【0:开启,1:关闭】默认关闭回放(直播开始后允许开启) "is_feeds_public": 0, // 是否开启官方收录,1 开启,0 关闭 "creater_openid": "aaaaAbbbbB0ccccC0ddddDeeeeE0", // 创建者openid "feeds_img": "XXX" // 官方收录封面 }] } this.roomList = response.room_info }, toLiveRoom (item) { this.roomId.push(item.roomid) if (!this.appid || !this.roomId.length) { return } // 路由参数 let customParams = encodeURIComponent(JSON.stringify({ path: 'livePage/index', pid: 1 })) // let customParams // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断) // #ifdef MP-WEIXIN wx.navigateTo({ url: `plugin-private://${this.appid}/pages/live-player-plugin?room_id=${this.roomId}&custom_params=${customParams}` }) // #endif } } }