new components

src/views/screenshot.vue

@@ -33,14 +33,14 @@ export default {
   mounted() {
     let input = document.getElementById('screenshot-input')
     let fileBtn = document.getElementById('select-btn')
-    fileBtn.addEventListener('click', function() {
+    fileBtn.addEventListener('click', function () {
       input.click()
     })
     let video = document.getElementById('screenshot-video')
-    video.onerror = function(e) {
+    video.onerror = function (e) {
       console.log('onerror', e)
     }
-    video.addEventListener('loadedmetadata', function(e) {
+    video.addEventListener('loadedmetadata', function (e) {
       console.log('loadedmetadata', e)
       //webkitVideoDecodedByteCount
       if (e.target.webkitVideoDecodedByteCount < 1) {
@@ -76,21 +76,21 @@ export default {
 
 <style lang="scss" scoped>
 .screenshot {
-    width: 100%;
-    height: 100%;
-    margin: 30px;
-    display: flex;
-    flex-direction: column;
-    .content {
-        height: 90%;
-        margin: 20px 30px;
-        background-color: lightcyan;
-    }
-    .operate-area {
-        #select-btn {
-            width: 200px;
-            height: 100px;
-        }
+  width: 100%;
+  height: 100%;
+  margin: 30px;
+  display: flex;
+  flex-direction: column;
+  .content {
+    height: 90%;
+    margin: 20px 30px;
+    background-color: lightcyan;
+  }
+  .operate-area {
+    #select-btn {
+      width: 200px;
+      height: 100px;
     }
+  }
 }
 </style>