<template>
  <section class="screen flex talking-container" >
    <!--  进场特效  -->
    <room-admission v-if="!userShield[Shield.approach]" ref="admission"></room-admission>
    <view-talking-header></view-talking-header>
    <section class="flex-1 container" :style="{background:'url('+roomInfo.room_background_image+') 0 0'}">
      <section class="flex talking-content screen">
        <section class="row flex-1 talking-content-container">

          <room-info :info="roomInfo" :numberConfig="numberConfig" :admin="isAdmin" :status="wheat_status"></room-info>
          <section class="talking-center flex relative">
            <!--  礼物特效  -->
            <room-queue-gift v-if="!userShield[Shield.gift]" ref="queueGift"></room-queue-gift>
            <room-wheat
              :info="roomInfo"
              :microInfo="microInfo"
              :admin="isAdmin"
            ></room-wheat>
            <div class="flex-1"></div>
            <room-gift :user-data="microUserInfo"
              :give-user-id="giveUserId"
              :give-user="giveUser"
            ></room-gift>
          </section>
          <room-ranking></room-ranking>
        </section>
        <room-footer
            :inWheat="inWheat"
            :agoraStatus="agoraStatus"
        ></room-footer>
      </section>
    </section>
  </section>
</template>

<script>
import viewTalkingHeader from '$views/view-talking-header';

import roomInfo from '../components/room-info';

import roomFooter from '../components/room-footer';

import roomWheat from '../components/room-wheat';

import roomGift from '../components/room-gift';

import roomRanking from '../components/room-ranking';

import roomAdmission from '../components/room-admission';

import roomQueueGift from '../components/room-queue-gift';

import mixins from '../mixins';

export default {
  name: "talking",
  data(){
    return {
      background: require('../images/background.png')
    }
  },
  components:{
    viewTalkingHeader,
    roomInfo,
    roomFooter,
    roomWheat,
    roomGift,
    roomRanking,
    roomAdmission,
    roomQueueGift
  },
  mixins
}
</script>

<style scoped lang="scss" src="../style.scss"></style>
