add screenshot

.eslintrc.js

@@ -117,10 +117,11 @@ module.exports = {
                 html: {
                     void: 'never',
                     normal: 'never',
-                    component: 'never'
+                    component: 'never',
                 },
                 svg: 'always',
-                math: 'always'
+                math: 'always',
+                ignores: ['input'],
             }
         ],
         // 每一行的属性数量

src/views/screenshot.vue

 <template>
-    <div class="screenshot">screenshot view</div>
+    <div class="screenshot">
+        <div class="content">
+            <video id="screenshot-video"></video>
+        </div>
+        <div class="play-area">
+            <input type="file">
+        </div>
+    </div>
 </template>
 
 <script>
 export default {
     name: 'Screenshot',
     data() {
-        return {}
+        return {
+            srcUrl: null
+        }
     },
     created() {},
     mounted() {}
@@ -18,5 +27,10 @@ export default {
     width: 100%;
     height: 100%;
     margin: 30px;
+    display: flex;
+    .content {
+        margin: 20px 30px;
+        background-color: lightcyan;
+    }
 }
 </style>