<template>
  <h3 style="margin-bottom: 15px">实时通话</h3>
  <div class="live-call-block">
    <live-call-item v-for="item in 2"/>
  </div>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.live-call-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: 470px;
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 6px;
  }

  // 滚动条轨道
  &::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
  }

  // 小滑块
  &::-webkit-scrollbar-thumb {
    background: rgba(80, 81, 82, 0.29);
    border-radius: 10px;
  }
}
</style>
