修改了部分样式

dist/css/room.css

@@ -46,8 +46,10 @@ video{
     height: 100%;
     min-width: 1500px;
     min-height: 700px;
+    padding: 16px;
     display: none;
     align-items: flex-start;
+    
 }
 .member{
     cursor: default;

public/css/room.css

@@ -48,7 +48,7 @@ video{
     min-height: 700px;
     display: none;
     align-items: flex-start;
-    background-color: #f0f0f0
+    padding: 16px;
 }
 .member{
     cursor: default;

src/components/LiveItem.vue

@@ -178,7 +178,7 @@ export default defineComponent({
             let url = '';
             switch (props.status) {
                 case 1:
-                    url = '/regime/liveing';
+                    url = '/live/liveing';
                     break;
                 default:
                     url = '/regime/livedetail';

src/components/LivePlay.vue

@@ -111,7 +111,7 @@ export default defineComponent({
       if(props.info != undefined){
         const id = props.info.liveid;
         livestart(id).then(()=>{
-            router.push("/regime/liveing?id=" + id)
+            router.push("/live/liveing?id=" + id)
         })
       }
     }

src/layout/Live.vue

@@ -0,0 +1,44 @@
+<template>
+    <div class="mine" :style="{height:height + 'px'}">
+        <NavTop :type="1" style="flex-shrink:0"></NavTop>
+        <div class="body" id="rbody">
+            <router-view/>
+        </div>
+    </div>
+</template>
+<style lang="scss" scoped>
+.mine{
+    display: flex;
+    flex-direction: column;
+    .body{
+        // display: flex;
+        width: 100%;
+        min-height:  calc(100% - 57px);
+        background-color: #F5F5F5;
+        // padding: 23px;
+    }
+}
+</style>
+<script lang="ts">
+import { defineComponent, onMounted, ref } from 'vue';
+import NavTop from "@/components/NavTop.vue"
+
+export default defineComponent({
+    components:{
+        NavTop
+    },
+    setup(){
+        console.log(1)
+        const height = ref(0);
+        onMounted(() => {
+            height.value = document.documentElement.clientHeight;
+        })
+        window.onresize=function(){  
+            height.value = document.documentElement.clientHeight;
+        }
+        return {
+            height
+        }
+    }
+})
+</script>

src/router/index.ts

@@ -7,6 +7,7 @@ const routes: Array<RouteRecordRaw> = [
     name:"Mine",
     component: () => import("../layout/Mine.vue"),
     children: [
+      
       {
         path:"archives",
         name: "Archives",
@@ -93,6 +94,7 @@ const routes: Array<RouteRecordRaw> = [
         path: "livedetail",
         component: () => import("../views/regime/Livedetail.vue")
       },
+      
       {
         path: "liveing",
         component: () => import("../views/regime/Liveing.vue")
@@ -107,6 +109,17 @@ const routes: Array<RouteRecordRaw> = [
       }
     ]
   },
+  {
+    path:"/live",
+    name:"live",
+    component: () => import("../layout/Live.vue"),
+    children:[
+      {
+        path: "liveing",
+        component: () => import("../views/regime/Liveing.vue")
+      },
+    ]
+  },
   {
     path: '/',
     name: 'Login',