src/components/VideoCont.vue

@@ -0,0 +1,30 @@
+<template>
+    <div class="cont">
+        <div class="title">视频数据</div>
+        <div class="info">
+            <div class="item">
+                <img src="" alt="">
+                <span>sdasjdkasfklasjkfjakl</span>
+            </div>
+        </div>
+        <div class="button">
+            <div class="modify">修改该视频</div>
+            <div class="del">删除该视频</div>
+        </div>
+    </div>
+</template>
+<style lang="scss" scoped>
+.cont{
+    width: 316px;
+    height: 563px;
+    background-color: #fff;
+    border-radius: 17px;
+}
+</style>
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+
+})
+</script>

src/components/VideoPlay.vue

@@ -0,0 +1,25 @@
+<template>
+    <div class="video">
+        <video src=""></video>
+    </div>
+</template>
+<style lang="scss" scoped>
+.video{
+    width: 976px;
+    height: 563px;
+    border-radius: 17px;
+    >video{
+        width: 100%;
+        height: 100%;
+    }
+}
+</style>
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+    setup(){
+        console.log(1)
+    }
+})
+</script>

src/components/VideoReview.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="review">
+        <div class="top">
+            <div class="title">
+                <span></span>
+            </div>
+            <div class="score"></div>
+        </div>
+        
+    </div>
+</template>
+<style lang="scss" scoped>
+
+</style>
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+    serup(){
+        console.log(1)
+    }
+})
+</script>

src/views/regime/Video.vue

@@ -36,11 +36,16 @@
     background-color: #fff;
     border-radius: 17px;
     padding: 40px;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     .nav{
         display: flex;
         align-items: center;
         border-bottom: 1px solid #eee;
         justify-content: space-between;
+        width: 100%;
         .tabs{
             display: flex;
             align-items: center;
@@ -92,6 +97,7 @@
     .list{
         display: flex;
         flex-wrap: wrap;
+        width: 100%;
         >div{
             margin-top: 28px;
             margin-left: 23px;
@@ -101,7 +107,6 @@
         }
     }
     .pages{
-        width: 100%;
         position: absolute;
         bottom:  114px;
         display: flex;
@@ -121,13 +126,11 @@
 <script lang="ts">
 import { defineComponent, ref } from 'vue';
 import VideoItem from "@/components/VideoItem.vue"
-
 export default defineComponent({
     components:{
         VideoItem
     },
     setup(){
-       console.log(123)
        const page = ref(6);
        return {
            page

src/views/regime/VideoInfo.vue

@@ -1,5 +1,4 @@
 <template>
-    
 </template>
 <style lang="scss" scoped>
 
@@ -9,7 +8,7 @@ import { defineComponent } from 'vue';
 
 export default defineComponent({
     setup(){
-        
+
     }
 })
 </script>