更新样式

src/student/teacher-dependent/teacher-elegant.module.less

@@ -95,6 +95,7 @@
     .teUserName {
       padding-right: 6px;
       margin-right: 6px;
+      max-width: 65px;
       // &::after {
       //   content: '|';
       //   display: inline-block;

src/student/teacher-dependent/teacher-elegant.tsx

@@ -201,9 +201,14 @@ export default defineComponent({
                 ></div>
                 {/* <Image class={styles.teCover} fit="cover" src={item.videoUrl} /> */}
                 <div class={styles.teCover}>
-                  <video width="100%" class={styles.video} preload="metadata">
+                  {/* <video width="100%" class={styles.video} preload="metadata">
                     <source src={item.videoUrl + '#t=1,3'} type="video/mp4" />
-                  </video>
+                  </video> */}
+                  <video
+                    src={item.videoUrl + '#t=1'}
+                    width="100%"
+                    class={styles.video}
+                  ></video>
                   {item.living === 1 && (
                     <div class={styles.living}>
                       <Image src={bars} class={styles.animation} />
@@ -221,7 +226,12 @@ export default defineComponent({
                         src={item.avatar || iconTeacher}
                         class={styles.teUserLogo}
                       />
-                      <span class={[styles.teUserName, 'van-hairline--right']}>
+                      <span
+                        class={[
+                          styles.teUserName,
+                          'van-hairline--right van-ellipsis'
+                        ]}
+                      >
                         {item?.username || `游客${item?.userId || ''}`}
                       </span>
                     </div>