screenshot

.eslintignore

@@ -9,3 +9,5 @@ assets/
 static/
 dist/
 node_modules/
+
+src/views/screenshot.vue

.eslintrc.js

@@ -33,7 +33,8 @@ module.exports = {
                 SwitchCase: 1 // 针对switch case的缩进
             }
         ],
-        'linebreak-style': ['warn', 'unix'],
+        //'linebreak-style': ['warn', 'unix'],
+        'linebreak-style': [0, 'error', 'windows'],
         'no-irregular-whitespace': [
             1,
             { skipComments: true, skipTemplates: true, skipRegExps: true }
@@ -120,8 +121,7 @@ module.exports = {
                     component: 'never',
                 },
                 svg: 'always',
-                math: 'always',
-                ignores: ['input'],
+                math: 'always'
             }
         ],
         // 每一行的属性数量

src/components/sideNav/index.vue

@@ -3,7 +3,7 @@
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
         <router-link to="/cutter">cutter</router-link>
-        <router-link to="/bao2">bao2</router-link>
+        <router-link to="/videoConverter">videoConverter</router-link>
         <router-link to="/screenshot">screenshot</router-link>
     </div>
 </template>

src/router/index.js

@@ -26,9 +26,9 @@ const routes = [
         component: () => import(/* webpackChunkName: "bao1" */ '../views/videoCutter.vue')
     },
     {
-        path: '/bao2',
-        name: 'Bao2',
-        component: () => import(/* webpackChunkName: "bao2" */ '../views/bao2.vue')
+        path: '/videoConverter',
+        name: 'VideoConverter',
+        component: () => import(/* webpackChunkName: "bao2" */ '../views/videoConverter.vue')
     },
     {
         path: '/screenshot',

src/views/screenshot.vue

@@ -3,8 +3,9 @@
         <div class="content">
             <video id="screenshot-video"></video>
         </div>
-        <div class="play-area">
-            <input type="file">
+        <div class="operate-area">
+
+            <input id="screenshot-input" type="file"  style="display:none;">
         </div>
     </div>
 </template>
@@ -28,6 +29,7 @@ export default {
     height: 100%;
     margin: 30px;
     display: flex;
+    flex-direction: column;
     .content {
         margin: 20px 30px;
         background-color: lightcyan;

src/views/videoConverterBaby.vue → src/views/videoConverter.vue

 <template>
-    <div class="videoConverterBaby"></div>
+    <div class="videoConverter">转换baby</div>
 </template>
 
 <script>
 export default {
-    name: 'VideoConverterBaby',
+    name: 'VideoConverter',
     components: {},
     props: {},
     data() {
@@ -17,7 +17,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.videoConverterBaby {
+.videoConverter {
     width: 100%;
     height: 100%;
     background-color: #fff;