From 8ee9d82e5fead03c4e5b44e1654ab2ede702eaf5 Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Thu, 29 Aug 2024 17:48:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserVideo/index.module.scss | 11 +++++++++++
 src/components/UserVideo/index.tsx         |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/UserVideo/index.module.scss b/src/components/UserVideo/index.module.scss
index 2029175..5887892 100644
--- a/src/components/UserVideo/index.module.scss
+++ b/src/components/UserVideo/index.module.scss
@@ -75,6 +75,17 @@
           box-sizing: border-box;
           width: 100%;
           height: 100%;
+          position: relative;
+
+          >div:nth-child(1) {
+            background-color: rgb(253, 194, 41);
+            color: white;
+            position: absolute;
+            left: 4px;
+            bottom: 4px;
+            font-size: 12px;
+            z-index: 1;
+          }
         }
       }
     }
diff --git a/src/components/UserVideo/index.tsx b/src/components/UserVideo/index.tsx
index f843c96..af7e512 100644
--- a/src/components/UserVideo/index.tsx
+++ b/src/components/UserVideo/index.tsx
@@ -136,7 +136,7 @@ const UserVideo: React.FC = () => {
               userList.map((item: any, index: number) => {
                 return <div className={styles.userVideoContentListItem} key={index}>
                   <div className={styles.userVideoContentListItemVideo} id={`video-${item.screenShareId}`}>
-                    <Avatar name={item.userName} />
+                    <div>{item.userName}</div>
                   </div>
                 </div>
               })