<template>
  <view class="jx-chat-root">
    <view class="chat-center">
      <cell class="chart-root" plugid="455b837a961a3c74e3a8e4591dcc66e2" />
      <text class="text">加入群聊</text>
    </view>
  </view>

  <!-- 公共组件 -->
  <jx-loading />
</template>

<script lang="ts" setup>
</script>

<style lang="scss" scoped>
.jx-chat-root {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);

  .chat-center {
    position: absolute;
    box-sizing: border-box;
    padding: 10rpx;
    border-radius: 10rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fff;

    .text {
      font-size: 24rpx;
      margin-top: -2px;
    }
  }
}
</style>