xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/AliveInvite/LiveRoomVertical/index.js

@@ -0,0 +1,232 @@
+// import room from '@/api/room';
+import base64 from './libs/base64'
+import {getTop3List, getInviteList} from '../../common/api/eLiveInvite'
+
+// import Taro from '@tarojs/taro';
+// import { INVITE_GUEST_URL } from 'src/libs/alive_pusher/constant/api/live';
+// const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  // behaviors: [computedBehavior],
+  properties: {
+    roomInfo: {
+      type: Object,
+      value: {}
+    },
+    inviteParm: {
+      type: String,
+      value: ''
+    },
+    // 直播是否结束
+    isLiveOver: {
+      type: Boolean,
+      value: false // 默认直播没有结束
+    },
+    userId: {
+      type: String,
+      value: ''
+    },
+    appId: {
+      type: String,
+      value: ''
+    },
+    isList:{
+      type:Boolean,
+      value:false
+    }
+
+  },
+  data: {
+    refInvitingRank: '',
+    top3Inviter: [], // top3用户，用于显示头像
+    isShowRank: false, // 正式 false
+    topInviter: [], // 邀请用户列表
+    selfInfo: {}, // 个人内容，用于页面底部
+    isDefaultPage: true, // 正式 true 是否是默认页面。等接口请求完再判断展示什么样式，防止展示空图标。
+    inActivity: false, // 正式 false 测试用  true: activitySwitch=true & 直播没结束
+    activitySwitch: false, // 是否关联活动
+    activityEndType: 1, // 有效时间 1-直到直播结束，2-自定义时间
+    activityEndTime: '', // 自定义截止时间
+    rewardList: [], // 冲榜活动 奖品列表展示
+    showInvitePoster: false, // 展示邀请弹窗
+    timer: null, // 邀请列表定时器
+    timerTop3: null, // 邀请top3头像定时器
+    topHeight: 0,
+    rightPosition: 0,
+    hasPhoneChin:false
+  },
+  ready() {
+  },
+  lifetimes: {
+    // 在组件实例进入页面节点树时执行
+    attached() {
+      this.getTop3Inviter();
+      const {height, top, right} = wx.getMenuButtonBoundingClientRect()
+      const width = wx.getSystemInfoSync().windowWidth
+      this.setData({
+        topHeight: height + top + 16,
+        rightPosition: width - right
+      })
+      wx.getSystemInfo().then( res => {
+        const model = res.model
+        const isHighModel = /iphone\sx/i.test(model) || (/iphone/i.test(model) && /unknown/.test(model)) || /iphone\s11/i.test(model) || /iphone\s12/i.test(model) || /iphone\s13/i.test(model)
+        this.setData({
+          hasPhoneChin:isHighModel ? true : false
+        })
+      })
+    },
+    // 在组件实例被从页面节点树移除时执行
+    detached() {
+      clearInterval(this.data.timerTop3)
+      this.setData({
+        timerTop3: null
+      })
+      this.closeInvitingRank()
+    }
+  },
+  observers: {
+    isList(val) {
+        if(val){
+          this.openRank()
+        }else{
+          this.closeInvitingRank()
+        }
+    },
+  },
+  methods: {
+    async setInviteParm() {
+      const inviteParm = this.generateBase64(2, 4, this.properties.roomInfo.alive_id, '')
+      this.setData({
+        inviteParm
+      })
+      await this.getTop3Inviter()
+    },
+    generateBase64(paymentType, resourceType, resourceId, productId) {
+      const params = {
+        payment_type: paymentType,
+        resource_type: resourceType,
+        resource_id: resourceId,
+        product_id: productId,
+      }
+      return base64.encode(JSON.stringify(params))
+    },
+    // 打开个人邀请好友列表弹窗
+    openFriendsModal() {
+      if (this.data.selfInfo.inviteAvatars && this.data.selfInfo.inviteAvatars.length > 0) {
+        this.triggerEvent('changePosterDisplay',"friendsDialog")
+      }
+    },
+    // 打开冲榜活动规则弹窗
+    openRuleDetail() {
+      this.triggerEvent('changePosterDisplay',"rulesDialog")
+    },
+    // 获取排名前三的用户
+    getTop3Inviter() {
+      if (!this.properties.roomInfo.app_id) {
+        return
+      }
+      const inviteParm = this.generateBase64(2, 4, this.properties.roomInfo.alive_id, '')
+      const params = {
+        bizData: {
+          inviteParm: inviteParm,
+        },
+        user_id: this.properties.roomInfo.user_id,
+        app_id: this.properties.roomInfo.app_id
+      }
+      getTop3List(params).then(res => {
+        const DATA = res.data
+        if (DATA.code === 0) {
+          this.setData({
+            top3Inviter: DATA.data.invitelist.slice(0, 3),
+            activitySwitch: !!DATA.data.inviteActivitySwitchState, // inviteActivitySwitchState 0-没有关联 1-关联
+            activityEndType: DATA.data.inviteActivityEndType, // activityEndType 1-直播结束 2-自定义时间
+            activityEndTime: DATA.data.inviteActivityEndTime // 结束时间
+          })
+          // 有关联活动
+          if (this.data.activitySwitch) {
+            // 获取活动状态
+            this.computedInActivity()
+          }
+        } else {
+          wx.showToast({
+            title: DATA.msg,
+            icon: 'error'
+          })
+        }
+      }).catch(err => {
+        wx.showToast({
+          title: err.data.msg,
+          icon: 'error'
+        })
+      })
+    },
+    // 冲榜活动是否在进行 true: activitySwitch=true & 直播没结束
+    computedInActivity() {
+      let flag = false
+      if (this.data.activitySwitch) {
+        if (this.data.activityEndType === 1 && !this.data.isLiveOver) {
+          flag = true
+        } else if (this.data.activityEndType === 2) {
+          const endTime = new Date(this.data.activityEndTime)
+          flag = Date.now() <= endTime.getTime()
+        }
+      }
+      this.setData({
+        inActivity: flag
+      })
+    },
+    closeInvitingRank() {
+      clearInterval(this.timer)
+      this.timer = null;
+      this.setData({isShowRank: false})
+    },
+    openRank() {
+      this.setData({isShowRank: true})
+      this.getTopInviter()
+      const timer = setInterval(() => {
+        this.getTopInviter()
+      }, 30*1000)
+      this.timer = timer;
+    },
+    // 获取邀请用户排名列表
+    getTopInviter() {
+      const inviteParm = this.generateBase64(2, 4, this.properties.roomInfo.alive_id, '')
+      const params = {
+        bizData: {
+          inviteParm: inviteParm,
+        },
+        user_id: this.properties.roomInfo.user_id,
+        app_id: this.properties.roomInfo.app_id
+      }
+      getInviteList(params).then(res => {
+        const DATA = res.data
+        let inviteNum = DATA.data.listInfos? DATA.data.listInfos.slice(0,50):[]
+        if (DATA.code === 0) {
+          this.setData({
+            topInviter: inviteNum,
+            selfInfo: DATA.data.selfInfo,
+            isDefaultPage: false
+          })
+        } else {
+          wx.showToast({
+            title: DATA.msg,
+            icon: 'error'
+          })
+        }
+      }).catch(err => {
+        wx.showToast({
+          title: err.data.msg,
+          icon: 'error'
+        })
+      })
+    },
+    gotoInvite() {
+      this.triggerEvent('changePosterDisplay',"invitePosterDialog")
+    },
+    changeShowInvite() {
+      this.setData({
+        showInvitePoster: false
+      })
+    }
+  },
+})

package/miniprogram_dist/AliveInvite/LiveRoomVertical/index.json

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+      "rewards":"./components/rewards/rewards",
+      "rules":"./components/rules/rules",
+      "friends":"./components/friends/friends",
+      "invite-poster":"./components/invite-poster/invite-poster",
+      "sharePopup":"../../SharePoster/sharePopup/index"
+  }
+}

package/miniprogram_dist/AliveInvite/LiveRoomVertical/index.less

@@ -0,0 +1,271 @@
+.invite-rank-page {
+    animation: popping ease 300ms;
+    height: 1250rpx;
+    background-color: #fff !important;
+    background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+    background-size: contain;
+    background-repeat: no-repeat;
+    border-radius: 16px 16px 0 0;
+}
+.scrollViewHeight{
+    height:calc(100vh - 636rpx);
+}
+.scrollViewDefaultHeight{
+    height:calc(100vh - 596rpx);
+}
+.smallModelViewDefaultHeight{
+    height:calc(100vh - 576rpx);
+}
+.smallModelVeiwHeight{
+    height:calc(100vh - 698rpx);
+}
+.scrollViewPackUpDefaultHeight{
+    height:calc(100vh - 468rpx); 
+}
+.scrollViewPackUpHeight{
+    height:calc(100vh - 362rpx);
+}
+.smallModelViewPackUpDefaultHeight{
+    height:calc(100vh - 342rpx);
+}
+.smallModelVeiwPackUpHeight{
+    height:calc(100vh - 464rpx);
+}
+.container-ranking {
+    animation: popping ease 300ms;
+    // height: 1035rpx;
+    background-color: #fff !important;
+    background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2l510aau.png?imageView2/2/w/200/q/60");
+    background-size: contain;
+    background-repeat: no-repeat;
+    border-radius: 16px 16px 0 0;
+}
+.img-background {
+    background: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appgwaqerxu2025/image/b_u_5b2225aa46488_oGKN7IvA/kpzb2k2t0iqn.png?imageView2/2/w/200/q/60");
+    background-size: cover;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-repeat: no-repeat;
+    padding-top: 34rpx;
+    border-radius: 16rpx 16rpx 0 0;
+}
+.img-invite-title {
+    width: 286rpx;
+    height: 78rpx;
+}
+.ranking-empty{
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    .title-empty{
+        color:#ADADB4
+    }
+}
+.ranking-empty image {
+    // margin-top: 33rpx;
+    width: 400rpx;
+    height: 280rpx;
+}
+.ranking-empty .btn-inviting {
+    width: 231rpx;
+    height: 80rpx;
+    margin-top: 32rpx;
+    background-image: linear-gradient(270deg, #ff5f46 0%, #ffa238 100%);
+    border-radius: 40rpx;
+    font-family: PingFangSC-Medium;
+    font-size: 28rpx;
+    color: #ffffff;
+    text-align: center;
+    line-height: 40rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.ranking-top-50 .ranking-list {
+    margin: 0 auto;
+    box-sizing: border-box;
+    position: relative;
+    z-index: 1;
+    flex: 1;
+}
+.ranking-top-50 .ranking-item {
+    display: flex;
+    text-align: center;
+    margin: 10rpx 28rpx 10rpx;
+    height: 110rpx;
+    align-items: center;
+}
+.ranking-top-50 .ranking-item .num {
+    font-size: 20rpx;
+    color: #666666;
+    margin-right: 0.12rpx;
+    width: 32rpx;
+    height: 32rpx;
+    text-align: center;
+}
+.ranking-top-50 .ranking-item .warp-avatar{
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    margin-left: 16rpx;
+}
+.ranking-top-50 .ranking-item .warp-avatar .img-avatar {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 100%;
+}
+.ranking-top-50 .ranking-item .warp-avatar::before{
+    content: "";
+    width: 36rpx;
+    height: 36rpx;
+    position: absolute;
+    bottom: 100%;
+    left: 70rpx;
+    top: -20rpx;
+    transform: translate(-50%, 0.1px);
+    display: none;
+}
+.ranking-top-50 .ranking-item:nth-child(-n + 3) .desc-top3 {
+    /* color: rgb(255 127 44); */
+    // color: #ff781f;
+}
+.ranking-top-50 .ranking-item:nth-child(1) .warp-avatar .img-avatar{
+    border: 4rpx solid #ffd014;
+}
+.ranking-top-50 .ranking-item:nth-child(1) .warp-avatar::before{
+    display: inline-block;
+    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE2IDE0IiB2ZXJzaW9uPSIxLjEiPg0KICA8dGl0bGU+55qH5YagLTE8L3RpdGxlPg0KICA8ZGVmcz4NCiAgICA8cGF0aCBkPSJNMzkuMDc3MDU1NSw1LjMwMzQyMjA1IEMzOC45NTQxODU2LDUuMzAzNDIyMDUgMzguODQzNDI5Niw1LjM1MzQ1Mzg1IDM4Ljc2MjA5MzIsNS40MzM4NjIwOCBDMzguNzU2OTAxNiw1LjQzOTIyMjYzIDM4Ljc1NTE3MSw1LjQzNzQzNTc4IDM4Ljc1NjkwMTYsNS40MzAyODgzOSBMMzUuNzE2MzA0Nyw4LjI2MjQ0NTIxIEwzMy4yMzk4NzA5LDMuMTM5NTQ3MDMgQzMzLjEyMzkyMzMsMi45ODA1MTc0IDMyLjk0MDQ4MzgsMi44ODA0NTM4MiAzMi43MzI4MTY0LDIuODgwNDUzODIgQzMyLjQ5MDUzNzcsMi44ODA0NTM4MiAzMi4yNzk0MDkyLDMuMDIxNjE0OTUgMzIuMTcyMTE0NCwzLjIyNzEwMjY3IEwyOS43MzcyMTQxLDguMjYyNDQ1MjEgTDI2LjU5OTcwNTgsNS4zMzkxNTkwNSBDMjYuNTMzOTQ0NCw1LjMwMTYzNTIgMjYuNDU3Nzk5Nyw1LjI4MDE5MzAxIDI2LjM3NjQ2MzMsNS4yODAxOTMwMSBDMjYuMTI1NTMxOSw1LjI4MDE5MzAxIDI1LjkyMzA1NjIsNS40OTEwNDEyOCAyNS45MjMwNTYyLDUuNzQ4MzQ3NjQgQzI1LjkyMzA1NjIsNS43Njk3ODk4MyAyNS45MTk1OTUsNS43ODA1MTA5MyAyNS45MTI2NzI4LDUuNzgwNTEwOTMgTDI2Ljg4MzUxNzksMTMuMjY5MTk4MiBDMjYuODgzNTE3OSwxMy4yNDA2MDg2IDI2Ljg4MTc4NzMsMTMuMjEyMDE5IDI2Ljg3ODMyNjIsMTMuMTgxNjQyNSBDMjYuOTM3MTY1MywxMy43MDM0MDI2IDI3LjI3ODA4NiwxNC4xMzU4MjAzIDI3LjczNjY4NDgsMTQuMzE0NTA1MyBDMjcuNjk1MTUxMywxNC4yOTg0MjM2IDI3LjY1MzYxNzgsMTQuMjg1OTE1NyAyNy42MTU1NDU1LDE0LjI3ODc2ODMgQzI4LjU4OTg1MTcsMTQuNjU1NzkzNSAzMC41MDIxMjI0LDE0LjkwMDU5MiAzMi43MDUxMjc0LDE0Ljg3OTE0OTggQzM0LjkxODUxNTgsMTQuODU5NDk0NCAzNi44NDgwOTIsMTQuNTc3MTcyMiAzNy44MzYyNDI3LDE0LjE3ODcwNDcgQzM3Ljc5OTkwMSwxNC4xODU4NTIxIDM3Ljc2MTgyODYsMTQuMTk2NTczMiAzNy43MjAyOTUxLDE0LjIxMjY1NDggQzM4LjE3ODg5NCwxNC4wMzIxODMgMzguNTE5ODE0NiwxMy41OTk3NjU0IDM4LjU3ODY1MzcsMTMuMDc4MDA1MiBDMzguNTcxNzMxNSwxMy4xMzg3NTgxIDM4LjU3MTczMTUsMTMuMTk1OTM3MyAzOC41NzUxOTI2LDEzLjI0Nzc1NiBMMzkuNTM5MTE1NCw1Ljc5ODM3OTQzIEMzOS41MzU2NTQzLDUuNzk0ODA1NzMgMzkuNTMyMTkzMiw1Ljc4NDA4NDYzIDM5LjUzMjE5MzIsNS43NjgwMDI5OCBDMzkuNTMyMTkzMiw1LjUxNDI3MDMyIDM5LjMyOTcxNzUsNS4zMDM0MjIwNSAzOS4wNzcwNTU1LDUuMzAzNDIyMDUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPg0KICAgIDxmaWx0ZXIgeD0iLTExLjAlIiB5PSItMTIuNSUiIHdpZHRoPSIxMjIuMCUiIGhlaWdodD0iMTI1LjAlIiBpZD0iZmlsdGVyLTIiPg0KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiPjwvZmVHYXVzc2lhbkJsdXI+DQogICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIxIiBpbj0ic2hhZG93Qmx1cklubmVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRJbm5lcjEiPjwvZmVPZmZzZXQ+DQogICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldElubmVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXJJbm5lcjEiPjwvZmVDb21wb3NpdGU+DQogICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMSAgIDAgMCAwIDAgMC44MTU2ODYyNzUgICAwIDAgMCAwIDAuMDc4NDMxMzcyNSAgMCAwIDAgMSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dJbm5lcklubmVyMSI+PC9mZUNvbG9yTWF0cml4Pg0KICAgIDwvZmlsdGVyPg0KICA8L2RlZnM+DQogIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgPGcgaWQ9IuerluWxj+ebtOaSrS3lt7LlvIDlp4vovr7kurrmppwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02My4wMDAwMDAsIC0zMjUuMDAwMDAwKSI+DQogICAgICA8ZyBpZD0i5by556qX5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjUxLjAwMDAwMCkiPg0KICAgICAgICA8ZyBpZD0i5o6S5ZCNIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNzIuMDAwMDAwKSI+DQogICAgICAgICAgPGcgaWQ9Iue8lue7hC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOC4wMDAwMDAsIDAuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i55qH5YagLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLjcyNTg5NCwgOC44ODA0NTQpIHJvdGF0ZSgtMzMwLjAwMDAwMCkgdHJhbnNsYXRlKC0zMi43MjU4OTQsIC04Ljg4MDQ1NCkgIj4NCiAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkZEMDE0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPg0KICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=");
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+.ranking-top-50 .ranking-item:nth-child(2) .warp-avatar .img-avatar{
+    border: 4rpx solid #d2daff;
+}
+.ranking-top-50 .ranking-item:nth-child(2) .warp-avatar::before{
+    display: inline-block;
+    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDE2IDE1IiB2ZXJzaW9uPSIxLjEiPg0KICA8dGl0bGU+55qH5YagLTI8L3RpdGxlPg0KICA8ZGVmcz4NCiAgICA8cGF0aCBkPSJNMzkuNTc3MDU1NSw1LjQzNzM5NjY1IEMzOS40NTQxODU2LDUuNDM3Mzk2NjUgMzkuMzQzNDI5Niw1LjQ4NzQyODQ0IDM5LjI2MjA5MzIsNS41Njc4MzY2OCBDMzkuMjU2OTAxNiw1LjU3MzE5NzIzIDM5LjI1NTE3MSw1LjU3MTQxMDM4IDM5LjI1NjkwMTYsNS41NjQyNjI5OCBMMzYuMjE2MzA0Nyw4LjM5NjQxOTgxIEwzMy43Mzk4NzA5LDMuMjczNTIxNjMgQzMzLjYyMzkyMzMsMy4xMTQ0OTIgMzMuNDQwNDgzOCwzLjAxNDQyODQxIDMzLjIzMjgxNjQsMy4wMTQ0Mjg0MSBDMzIuOTkwNTM3NywzLjAxNDQyODQxIDMyLjc3OTQwOTIsMy4xNTU1ODk1NCAzMi42NzIxMTQ0LDMuMzYxMDc3MjYgTDMwLjIzNzIxNDEsOC4zOTY0MTk4MSBMMjcuMDk5NzA1OCw1LjQ3MzEzMzY1IEMyNy4wMzM5NDQ0LDUuNDM1NjA5OCAyNi45NTc3OTk3LDUuNDE0MTY3NiAyNi44NzY0NjMzLDUuNDE0MTY3NiBDMjYuNjI1NTMxOSw1LjQxNDE2NzYgMjYuNDIzMDU2Miw1LjYyNTAxNTg3IDI2LjQyMzA1NjIsNS44ODIzMjIyMyBDMjYuNDIzMDU2Miw1LjkwMzc2NDQzIDI2LjQxOTU5NSw1LjkxNDQ4NTUzIDI2LjQxMjY3MjgsNS45MTQ0ODU1MyBMMjcuMzgzNTE3OSwxMy40MDMxNzI4IEMyNy4zODM1MTc5LDEzLjM3NDU4MzIgMjcuMzgxNzg3MywxMy4zNDU5OTM2IDI3LjM3ODMyNjIsMTMuMzE1NjE3MSBDMjcuNDM3MTY1MywxMy44MzczNzcyIDI3Ljc3ODA4NiwxNC4yNjk3OTQ5IDI4LjIzNjY4NDgsMTQuNDQ4NDc5OCBDMjguMTk1MTUxMywxNC40MzIzOTgyIDI4LjE1MzYxNzgsMTQuNDE5ODkwMyAyOC4xMTU1NDU1LDE0LjQxMjc0MjkgQzI5LjA4OTg1MTcsMTQuNzg5NzY4MSAzMS4wMDIxMjI0LDE1LjAzNDU2NjYgMzMuMjA1MTI3NCwxNS4wMTMxMjQ0IEMzNS40MTg1MTU4LDE0Ljk5MzQ2OSAzNy4zNDgwOTIsMTQuNzExMTQ2OCAzOC4zMzYyNDI3LDE0LjMxMjY3OTMgQzM4LjI5OTkwMSwxNC4zMTk4MjY3IDM4LjI2MTgyODYsMTQuMzMwNTQ3OCAzOC4yMjAyOTUxLDE0LjM0NjYyOTQgQzM4LjY3ODg5NCwxNC4xNjYxNTc2IDM5LjAxOTgxNDYsMTMuNzMzNzQgMzkuMDc4NjUzNywxMy4yMTE5Nzk4IEMzOS4wNzE3MzE1LDEzLjI3MjczMjcgMzkuMDcxNzMxNSwxMy4zMjk5MTE5IDM5LjA3NTE5MjYsMTMuMzgxNzMwNiBMNDAuMDM5MTE1NCw1LjkzMjM1NDAzIEM0MC4wMzU2NTQzLDUuOTI4NzgwMzMgNDAuMDMyMTkzMiw1LjkxODA1OTIzIDQwLjAzMjE5MzIsNS45MDE5Nzc1OCBDNDAuMDMyMTkzMiw1LjY0ODI0NDkyIDM5LjgyOTcxNzUsNS40MzczOTY2NSAzOS41NzcwNTU1LDUuNDM3Mzk2NjUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPg0KICAgIDxmaWx0ZXIgeD0iLTExLjAlIiB5PSItMTIuNSUiIHdpZHRoPSIxMjIuMCUiIGhlaWdodD0iMTI1LjAlIiBpZD0iZmlsdGVyLTIiPg0KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiPjwvZmVHYXVzc2lhbkJsdXI+DQogICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIxIiBpbj0ic2hhZG93Qmx1cklubmVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRJbm5lcjEiPjwvZmVPZmZzZXQ+DQogICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldElubmVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXJJbm5lcjEiPjwvZmVDb21wb3NpdGU+DQogICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC44MjU3ODYyMzIgICAwIDAgMCAwIDAuOTA1NDYyNzQ5ICAgMCAwIDAgMCAwLjk4NTEzOTI2NiAgMCAwIDAgMSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dJbm5lcklubmVyMSI+PC9mZUNvbG9yTWF0cml4Pg0KICAgIDwvZmlsdGVyPg0KICA8L2RlZnM+DQogIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgPGcgaWQ9IuerluWxj+ebtOaSrS3lt7LlvIDlp4vovr7kurrmppwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02My4wMDAwMDAsIC0zODkuMDAwMDAwKSI+DQogICAgICA8ZyBpZD0i5by556qX5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjUxLjAwMDAwMCkiPg0KICAgICAgICA8ZyBpZD0i5o6S5ZCNIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNzIuMDAwMDAwKSI+DQogICAgICAgICAgPGcgaWQ9IjHlpIfku70tNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDY0LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOC4wMDAwMDAsIDAuMDAwMDAwKSI+DQogICAgICAgICAgICAgIDxnIGlkPSLnmoflhqAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMuMjI1ODk0LCA5LjAxNDQyOCkgcm90YXRlKC0zMzAuMDAwMDAwKSB0cmFuc2xhdGUoLTMzLjIyNTg5NCwgLTkuMDE0NDI4KSAiPg0KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0JBQzdGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4NCiAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPg0KICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+.ranking-top-50 .ranking-item:nth-child(3) .warp-avatar .img-avatar{
+    border: 4rpx solid #ffb897;
+}
+.ranking-top-50 .ranking-item:nth-child(3) .warp-avatar::before{
+    display: inline-block;
+    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE2IDE0IiB2ZXJzaW9uPSIxLjEiPg0KICA8dGl0bGU+55qH5YagLTM8L3RpdGxlPg0KICA8ZGVmcz4NCiAgICA8cGF0aCBkPSJNMzkuMDc3MDU1NSw1LjMwMzQyMjA1IEMzOC45NTQxODU2LDUuMzAzNDIyMDUgMzguODQzNDI5Niw1LjM1MzQ1Mzg1IDM4Ljc2MjA5MzIsNS40MzM4NjIwOCBDMzguNzU2OTAxNiw1LjQzOTIyMjYzIDM4Ljc1NTE3MSw1LjQzNzQzNTc4IDM4Ljc1NjkwMTYsNS40MzAyODgzOSBMMzUuNzE2MzA0Nyw4LjI2MjQ0NTIxIEwzMy4yMzk4NzA5LDMuMTM5NTQ3MDMgQzMzLjEyMzkyMzMsMi45ODA1MTc0IDMyLjk0MDQ4MzgsMi44ODA0NTM4MiAzMi43MzI4MTY0LDIuODgwNDUzODIgQzMyLjQ5MDUzNzcsMi44ODA0NTM4MiAzMi4yNzk0MDkyLDMuMDIxNjE0OTUgMzIuMTcyMTE0NCwzLjIyNzEwMjY3IEwyOS43MzcyMTQxLDguMjYyNDQ1MjEgTDI2LjU5OTcwNTgsNS4zMzkxNTkwNSBDMjYuNTMzOTQ0NCw1LjMwMTYzNTIgMjYuNDU3Nzk5Nyw1LjI4MDE5MzAxIDI2LjM3NjQ2MzMsNS4yODAxOTMwMSBDMjYuMTI1NTMxOSw1LjI4MDE5MzAxIDI1LjkyMzA1NjIsNS40OTEwNDEyOCAyNS45MjMwNTYyLDUuNzQ4MzQ3NjQgQzI1LjkyMzA1NjIsNS43Njk3ODk4MyAyNS45MTk1OTUsNS43ODA1MTA5MyAyNS45MTI2NzI4LDUuNzgwNTEwOTMgTDI2Ljg4MzUxNzksMTMuMjY5MTk4MiBDMjYuODgzNTE3OSwxMy4yNDA2MDg2IDI2Ljg4MTc4NzMsMTMuMjEyMDE5IDI2Ljg3ODMyNjIsMTMuMTgxNjQyNSBDMjYuOTM3MTY1MywxMy43MDM0MDI2IDI3LjI3ODA4NiwxNC4xMzU4MjAzIDI3LjczNjY4NDgsMTQuMzE0NTA1MyBDMjcuNjk1MTUxMywxNC4yOTg0MjM2IDI3LjY1MzYxNzgsMTQuMjg1OTE1NyAyNy42MTU1NDU1LDE0LjI3ODc2ODMgQzI4LjU4OTg1MTcsMTQuNjU1NzkzNSAzMC41MDIxMjI0LDE0LjkwMDU5MiAzMi43MDUxMjc0LDE0Ljg3OTE0OTggQzM0LjkxODUxNTgsMTQuODU5NDk0NCAzNi44NDgwOTIsMTQuNTc3MTcyMiAzNy44MzYyNDI3LDE0LjE3ODcwNDcgQzM3Ljc5OTkwMSwxNC4xODU4NTIxIDM3Ljc2MTgyODYsMTQuMTk2NTczMiAzNy43MjAyOTUxLDE0LjIxMjY1NDggQzM4LjE3ODg5NCwxNC4wMzIxODMgMzguNTE5ODE0NiwxMy41OTk3NjU0IDM4LjU3ODY1MzcsMTMuMDc4MDA1MiBDMzguNTcxNzMxNSwxMy4xMzg3NTgxIDM4LjU3MTczMTUsMTMuMTk1OTM3MyAzOC41NzUxOTI2LDEzLjI0Nzc1NiBMMzkuNTM5MTE1NCw1Ljc5ODM3OTQzIEMzOS41MzU2NTQzLDUuNzk0ODA1NzMgMzkuNTMyMTkzMiw1Ljc4NDA4NDYzIDM5LjUzMjE5MzIsNS43NjgwMDI5OCBDMzkuNTMyMTkzMiw1LjUxNDI3MDMyIDM5LjMyOTcxNzUsNS4zMDM0MjIwNSAzOS4wNzcwNTU1LDUuMzAzNDIyMDUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPg0KICAgIDxmaWx0ZXIgeD0iLTExLjAlIiB5PSItMTIuNSUiIHdpZHRoPSIxMjIuMCUiIGhlaWdodD0iMTI1LjAlIiBpZD0iZmlsdGVyLTIiPg0KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiPjwvZmVHYXVzc2lhbkJsdXI+DQogICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIxIiBpbj0ic2hhZG93Qmx1cklubmVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRJbm5lcjEiPjwvZmVPZmZzZXQ+DQogICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldElubmVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXJJbm5lcjEiPjwvZmVDb21wb3NpdGU+DQogICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMSAgIDAgMCAwIDAgMC44MTk4Njc3NjMgICAwIDAgMCAwIDAuNzM4NjgxNDAyICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+DQogICAgPC9maWx0ZXI+DQogIDwvZGVmcz4NCiAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICA8ZyBpZD0i56uW5bGP55u05pKtLeW3suW8gOWni+i+vuS6uuamnCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYzLjAwMDAwMCwgLTQ1My4wMDAwMDApIj4NCiAgICAgIDxnIGlkPSLlvLnnqpflpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyNTEuMDAwMDAwKSI+DQogICAgICAgIDxnIGlkPSLmjpLlkI0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICA8ZyBpZD0iMeWkh+S7vS01IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTI4LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC03IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOC4wMDAwMDAsIDAuMDAwMDAwKSI+DQogICAgICAgICAgICAgIDxnIGlkPSLnmoflhqAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIuNzI1ODk0LCA4Ljg4MDQ1NCkgcm90YXRlKC0zMzAuMDAwMDAwKSB0cmFuc2xhdGUoLTMyLjcyNTg5NCwgLTguODgwNDU0KSAiPg0KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGQjg5NyIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4NCiAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPg0KICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+.ranking-top-50 .ranking-item .name {
+    font-family: "PingFangSC-Medium", "PingFang SC";
+    font-size: 28rpx;
+    width: 220rpx;
+    text-align: left;
+    margin-left: 20rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.ranking-top-50 .ranking-item .desc {
+    font-size: 24rpx;
+    flex: 1;
+    text-align: right;
+    font-family: PingFangSC-Regular;
+    color: #333333;
+    letter-spacing: 0;
+}
+.ranking-top-50 .ranking-item .desc-top3 {
+    display: inline-block;
+}
+.self-info {
+    width: 100%;
+    height: 60px;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
+    border-top: 1px solid #eeeeee;
+    padding: 0 16px;
+    box-sizing: border-box;
+    // z-index: 1002; 
+}
+.safeBottom{
+    padding-bottom:28rpx;
+    height:75px;
+}
+.self-info .personal-info{
+    display: flex;
+    align-items: center;
+}
+.self-info .num {
+    font-size: 16px;
+    color: #666;
+    width: 26.5px;
+    text-align: center;
+}
+.self-info .img-avatar {
+    width: 32px;
+    height: 32px;
+    border-radius: 100%;
+    margin-right: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.self-info .inviting-info {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    flex: 1;
+}
+.self-info .inviting-info .name {
+    height: 17px;
+    font-family: PingFangSC-Medium;
+    font-size: 12px;
+    color: #333333;
+    letter-spacing: 0;
+}
+.self-info .inviting-info .name .medal {
+    margin-left: 4px;
+    height: 12px;
+    padding: 0 4px;
+    line-height: 12px;
+    background: linear-gradient(180deg, #fffab8 0%, #ffd866 100%);
+    border-radius: 6px;
+    font-size: 8px;
+    color: #ff781f;
+}
+.self-info .inviting-info .desc {
+    font-size: 12px;
+    font-family: PingFangSC-Regular;
+}
+.self-info .inviting-info .desc span{
+    color: #ff781f;
+}
+.self-info .btn-inviting {
+    white-space: nowrap;
+    font-family: "PingFangSC-Medium", "PingFang SC";
+    font-weight: 500;
+    background-image: linear-gradient(270deg, #ff5f46 0%, #ffa238 100%);
+    color: #ffffff;
+    border-radius: 14px;
+    padding: 4px 16px;
+    margin-right: 4px;
+    font-size: 14px;
+    line-height: 20px;
+    outline: 0;
+    border: 0;
+}
+.invite-num-style {
+    color: rgb(255 127 44);
+    display: inline-block;
+    margin: 0 10rpx;
+}

package/miniprogram_dist/AliveInvite/LiveRoomVertical/index.wxml

@@ -0,0 +1,122 @@
+<view class="invite-entrance-liveroom-page">
+    <!-- 邀请好友列表弹窗 -->
+    <view class="invite-rank-page" wx:if="{{isShowRank}}">
+        <view class="mask-layer" bindtap="closeInvitingRank"></view>
+        <scroll-view scroll-y="true" 
+        class="{{!isPackUp?hasPhoneChin ?topInviter.length == 0 && !isDefaultPage?'scrollViewDefaultHeight':'scrollViewHeight':topInviter.length == 0 && !isDefaultPage?'smallModelViewDefaultHeight':'smallModelVeiwHeight':hasPhoneChin ?topInviter.length == 0 && !isDefaultPage?'scrollViewPackUpDefaultHeight':'scrollViewPackUpHeight':topInviter.length == 0 && !isDefaultPage?'smallModelViewPackUpDefaultHeight':'smallModelVeiwPackUpHeight'}}">
+            <view class="container-ranking">
+                <view class="img-background">
+                    <image
+                        class="img-invite-title"
+                        src="../images/new_invite_title.svg"/>
+                </view>
+                <view class="rank-content">
+                    <!-- 有冲榜活动 -->
+                    <rewards wx:if="{{activitySwitch}}"
+                        inActivity="{{inActivity}}"
+                        roomInfo="{{roomInfo}}"
+                        bindopenRuleDetail="openRuleDetail"
+                        id="refRewards"
+                        appId="{{roomInfo.app_id}}"
+                        userId="{{roomInfo.user_id}}"></rewards>
+                    <!-- 无邀请人 -->
+                    <view wx:if="{{topInviter.length == 0 && !isDefaultPage}}">
+                        <view class="ranking-empty">
+                            <image src="../images/new_emptypage.svg" />
+                            <view class="title-empty">快来成为第一个上榜的人</view>
+                            <button class="btn-inviting" bindtap="gotoInvite">邀请好友</button>
+                        </view>
+                    </view>
+                    <!-- 有邀请人 -->
+                    <view wx:if="{{topInviter.length > 0}}" class="ranking-list-view">
+                        <view class="ranking-list">
+                            <view class="ranking-top-50">
+                                <view wx:for="{{topInviter}}"
+                                      wx:key="user_id"
+                                    class="ranking-item">
+                                    <image
+                                        wx:if="{{item.ranking === 1}}"
+                                        class="num"
+                                        src="../images/rank_first.svg"
+                                    />
+                                    <image
+                                        wx:elif="{{item.ranking === 2}}"
+                                        class="num"
+                                        src="../images/rank_second.svg"
+                                    />
+                                    <image
+                                        wx:elif="{{item.ranking === 3}}"
+                                        class="num"
+                                        src="../images/rank_third.svg"
+                                    />
+                                    <view wx:else class="num">{{ item.ranking }}</view>
+                                    <view class="warp-avatar">
+                                        <image wx:if="{{item.avatar}}" class="img-avatar" src="{{item.avatar}}" />
+                                        <image wx:else class="img-avatar" src="//wechatavator-1252524126.cos.ap-shanghai.myqcloud.com/aaa/default.svg" />
+                                        <view class="name">
+                                            {{ item.name }}
+                                        </view>
+                                        <view class="desc">
+                                            邀请
+                                            <view class="desc-top3">{{ item.inviteNum }}</view>
+                                            位好友
+                                        </view>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+    
+            </view>
+        </scroll-view>
+        <view wx:if="{{selfInfo && topInviter.length > 0 && isShowRank}}" class="self-info {{hasPhoneChin?'safeBottom':''}}">
+                    <view class="personal-info">
+                        <view class="num" bindtap="openFriendsModal">{{selfInfo.ranking === -1 ? "-" : selfInfo.ranking}}</view>
+                        <view bindtap="openFriendsModal">
+                            <image class="img-avatar" src="{{selfInfo.avatar}}" />
+                        </view>
+                        <view bindtap="openFriendsModal" class="inviting-info">
+                            <view class="name"
+                            >{{ selfInfo.name }}
+                            </view>
+                            <view wx:if="{{selfInfo.inviteNum}}" class="desc flex">已成功邀请<view class="invite-num-style">{{selfInfo.inviteNum}}</view>位好友
+                            </view>
+                            <view wx:else class="desc">邀请好友看直播，争夺上榜机会</view>
+                            </view>
+                        </view>
+
+                        <button class="btn-inviting" bindtap="gotoInvite">
+                            {{ inActivity ? "冲榜" : "邀请" }}
+                        </button>
+                    </view>
+                </view>
+</view>
+<!-- 冲榜活动规则 -->
+<!-- <rules
+    id="refRules"
+    alive_id="{{ roomInfo.alive_id }}"
+    appId="{{roomInfo.app_id}}"
+    userId="{{roomInfo.user_id}}"
+    /> -->
+<!-- 个人邀请好友列表 -->
+<!-- <friends
+    inviteParm="{{inviteParm}}"
+    id="refFriends"
+    appId="{{roomInfo.app_id}}"
+    userId="{{roomInfo.user_id}}"></friends>  
+<sharePopup
+    id="refSharePopup"
+    aliveId="{{ roomInfo.alive_id }}"
+    bindchangeShowInvite="changeShowInvite">
+</sharePopup> -->
+<!-- <invite-poster
+    wx:if="{{ showInvitePoster }}"
+    appId="{{roomInfo.app_id}}"
+    alive_id="{{ roomInfo.alive_id }}"
+    userId="{{userId}}"
+    bindchangeShowInvite="changeShowInvite">
+</invite-poster> -->
+
+
+