一部分

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>