37 lines
649 B
Vue
37 lines
649 B
Vue
<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>
|