chat/_src/pages/h5/view/chatRoom2.vue

<template>
  <div class="chat-room">
    <div class="mini-wrap moblie-wrap">
      <div class="mini-body">
        <chatRoomMiniWap></chatRoomMiniWap>
      </div>
    </div>
  </div>
</template>

<script>
import chatRoomMiniWap from '@/components/chatRoomMiniWap/chatRoom'

export default {
  name: 'h5ChatRoom',
  components: {
    chatRoomMiniWap
  },
  data () {
    return {
    }
  },
  watch: {
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
@charset "UTF-8";

.mini-wrap{
  z-index: 123456789;
  height: 100%;
}

.mini-body{
  height: 100%;
  box-sizing: border-box;
}
.chat-room{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
</style>