样式修改和添加视频

src/views/home/left/components/PersonalCenter.vue

@@ -81,11 +81,7 @@ export default defineComponent({
   }
 }
 
-.van-cell {
-  transition: background 0.3s;
-
-  &:hover {
-    background: #f1f1f1;
-  }
+.van-cell:hover {
+  background: #f1f1f1;
 }
 </style>

src/views/home/left/components/UserSearchList.vue

@@ -282,6 +282,10 @@ export default defineComponent({
     align-items: center;
     padding-left: 10px;
 
+    &:hover {
+      background: rgba(88,140,232,0.2)
+    }
+
     &.active {
       background: #588ce8;
 

src/views/home/right/components/Chat.vue

@@ -101,6 +101,7 @@ interface State {
   showPopover: boolean,
   actions: Obj,
   currentAction: StrObj,
+  windowName: Window | null
 }
 
 export default defineComponent({
@@ -117,9 +118,10 @@ export default defineComponent({
       showPopover: false,
       actions: {
         1: [{value: 'deleteFriend', text: '删除好友'}],
-        2: [{value: 'exitGroup', text: '离开群'}]
+        2: [{value: 'joinVideo', text: '加入视频'}, {value: 'exitGroup', text: '离开群'}],
       },
       currentAction: {},
+      windowName: null
     })
 
     const optionsName = {
@@ -203,7 +205,7 @@ export default defineComponent({
 
     watch(() => store.state.isShowChat, val => {
       if (val) {
-        setTimeout(() => {
+        nextTick(() => {
           (messageContentDom.value as HTMLElement).onscroll = (ev: any) => {
             if (ev.target.scrollTop === 0) {
               getMessageList();
@@ -252,10 +254,6 @@ export default defineComponent({
       })
     })
 
-    setInterval(() => {
-      // console.log(state.client.connectStatus)
-    }, 10000)
-
     const sendMsg = async () => {
       let content = state.message.trim()
       // 把表情包转成：__表情包的英文名字__
@@ -306,6 +304,9 @@ export default defineComponent({
         store.commit('setIsShowChat', false)
         store.commit('setIsShowRight', false)
       }
+      if (action.value === 'joinVideo') {
+        state.windowName = window.open('https://www.ops777777.cc/?url=https%3A%2F%2Fm.ops777777.cc&token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MTk0MDU1MDgsImlzcyI6IkFQSUdQeEhqVTlpQ2dHbyIsIm5hbWUiOiJqYWNrc29uIiwibmJmIjoxNzE5MzE5MTA4LCJzdWIiOiJqYWNrc29uIiwidmlkZW8iOnsicm9vbSI6Im15LWZpcnN0LXJvb20xIiwicm9vbUpvaW4iOnRydWV9fQ.WMuv_8iHb9gAucxbi9SxbXUW3SAaqQn-noBwF0uKCoU#/room?url=https%3A%2F%2Fm.ops777777.cc&token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MTk0MDU1MDgsImlzcyI6IkFQSUdQeEhqVTlpQ2dHbyIsIm5hbWUiOiJqYWNrc29uIiwibmJmIjoxNzE5MzE5MTA4LCJzdWIiOiJqYWNrc29uIiwidmlkZW8iOnsicm9vbSI6Im15LWZpcnN0LXJvb20xIiwicm9vbUpvaW4iOnRydWV9fQ.WMuv_8iHb9gAucxbi9SxbXUW3SAaqQn-noBwF0uKCoU&videoEnabled=1&audioEnabled=1&simulcast=0&dynacast=0&adaptiveStream=0&videoDeviceId=88cc2f5ccef42f15c7eed1f10d687cc4c7bc7c8a204a3eaa26ab619f676f2ba1')
+      }
     }
 
     return {