feat : 通话记录组件及初始连接socket

2024-09-15 00:19:22 +08:00
parent 82a66196b6
commit f51a3af84d
5 changed files with 301 additions and 3 deletions
--- a/src/components/liveCall/index.vue
+++ b/src/components/liveCall/index.vue
@@ -0,0 +1,36 @@
+<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>