视频详情

src/layout/Mine.vue

@@ -16,7 +16,6 @@
     .body{
         display: flex;
         width: 100%;
-        min-width: 1366px;
         height:  calc(100% - 57px);
         .container{
             width: calc(100% - 171px);

src/layout/Regime.vue

@@ -0,0 +1,45 @@
+<template>
+    <div class="mine" :style="{height:height + 'px'}">
+        <NavTop style="flex-shrink:0"></NavTop>
+        <div class="body">
+            <router-view/>
+        </div>
+    </div>
+</template>
+<style lang="scss" scoped>
+.mine{
+    display: flex;
+    flex-direction: column;
+    .body{
+        display: flex;
+        width: 100%;
+        height:  calc(100% - 57px);
+        overflow: auto;
+        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>