x

.editorconfig

@@ -11,7 +11,7 @@ charset = utf-8
 indent_style = space
 
 #缩进数量可选整数值2 or 4,或者tab
-indent_size = 2
+indent_size = 4
 
 #换行符的格式  换行符，lf、cr和crlf
 end_of_line = lf
@@ -23,4 +23,4 @@ insert_final_newline = true
 trim_trailing_whitespace = true
 
 [*.scss]
-indent_size = 2
+indent_size = 4

.eslintrc.js

@@ -10,16 +10,11 @@ module.exports = {
     // 3: ESLint + Standard config
     // extends: [ 'plugin:vue/essential', '@vue/airbnb',],
     // ESLint + Prettier
-  extends: ['plugin:vue/recommended', 'eslint:recommended'],
+    extends: ['plugin:vue/recommended', 'eslint:recommended', '@vue/prettier'],
     plugins: [],
     parserOptions: {
         parser: 'babel-eslint'
     },
-  globals: {
-    axios: false, //全局使用axios
-    __PROJECTPATH__: false,
-    __GATEWAYPATH__: false
-  },
     /**add your custom rules here
      * 下面这些rules是用来设置从插件来的规范代码的规则，使用必须去掉前缀eslint-plugin-
      * 主要有如下的设置规则，可以设置字符串也可以设置数字，两者效果一致
@@ -32,40 +27,40 @@ module.exports = {
         // "prettier/prettier": "warn",
         // "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
         'no-console': [0, { llow: ['warn', 'error'] }],
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    indent: [
-      'error',
-      2,
-      {
-        SwitchCase: 1,
-        flatTernaryExpressions: true
-      }
-    ],
-    'comma-dangle': ['error', 'never'],
-    quotes: ['error', 'single'],
-    semi: ['error', 'always'],
-    'vue/html-indent': [
-      'error',
-      2,
-      {
-        attribute: 1,
-        baseIndent: 1,
-        closeBracket: 0,
-        alignAttributesVertically: true,
-        ignores: []
-      }
-    ],
-    'vue/html-self-closing': [
-      'error',
-      {
-        html: {
-          void: 'never',
-          normal: 'never',
-          component: 'never'
-        },
-        svg: 'never',
-        math: 'always'
-      }
-    ]
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
+        // indent: [
+        //   'error',
+        //   2,
+        //   {
+        //     SwitchCase: 1,
+        //     flatTernaryExpressions: true
+        //   }
+        // ],
+        // 'comma-dangle': ['error', 'never'],
+        // quotes: ['error', 'single'],
+        // semi: ['error', 'always'],
+        // 'vue/html-indent': [
+        //   'error',
+        //   2,
+        //   {
+        //     attribute: 1,
+        //     baseIndent: 1,
+        //     closeBracket: 0,
+        //     alignAttributesVertically: true,
+        //     ignores: []
+        //   }
+        // ],
+        // 'vue/html-self-closing': [
+        //   'error',
+        //   {
+        //     html: {
+        //       void: 'never',
+        //       normal: 'never',
+        //       component: 'never'
+        //     },
+        //     svg: 'never',
+        //     math: 'always'
+        //   }
+        // ]
     }
 }

.prettierrc.js

 module.exports = {
     // 不使用prettier格式化的文件填写在项目的.prettierignore文件中
-    ignorePath: ".prettierignore",
+    // ignorePath: ".prettierignore",
     // 与eslint集成（让prettier使用eslint的代码格式进行校验）
-    eslintIntegration: true,
+    // eslintIntegration: true,
     // 换行长度
     printWidth: 150,
     // tab缩进大小,默认为2
-    tabWidth: 2,
+    tabWidth: 4,
     // 使用tab缩进，默认false
     useTabs: false,
     // 是否使用分号, 默认true
@@ -35,7 +35,7 @@ module.exports = {
     // always 总是有括号
     arrowParens: 'always',
     // 结尾是 \n \r \n\r auto
-    endOfline: "auto",
+    endOfLine: "auto",
     // 在jsx中把'>' 是否单独放一行
     jsxBracketSameLine: false,
 }

src/App.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import CommonHeader from '@/components/header/index.vue';
+import CommonHeader from '@/components/header/index.vue'
 export default {
     components: {
         CommonHeader,
@@ -22,13 +22,13 @@ export default {
         Uploader: () => import('@/components/misc/uploader.vue')
     },
     data() {
-    return {};
+        return {}
     },
     async created() {
-    let result = await this.$http.get('/webapi/home/banner?type=1&category=18');
-    console.log('result:', result);
+        let result = await this.$http.get('/webapi/home/banner?type=1&category=18')
+        console.log('result:', result)
     }
-};
+}
 </script>
 
 <style lang="scss">

src/components/header/index.vue

@@ -5,10 +5,7 @@
             当前的宝
         </div>
         <tip-panel></tip-panel>
-    <div
-      class="show-modal"
-      @click="showModal"
-    >
+        <div class="show-modal" @click="showModal">
             show-modal
         </div>
     </div>
@@ -20,16 +17,16 @@ export default {
         tipPanel: () => import('@/components/header/tipPanel.vue')
     },
     data() {
-    return {};
+        return {}
     },
     created() {},
     mounted() {},
     methods: {
         showModal() {
-      this.$modal.show('selectModal');
+            this.$modal.show('selectModal')
         }
     }
-};
+}
 </script>
 
 <style scoped lang="scss">

src/components/header/tipPanel.vue

@@ -7,11 +7,11 @@
 <script>
 export default {
     data() {
-    return {};
+        return {}
     },
     created() {},
     mounted() {}
-};
+}
 </script>
 
 <style scoped lang="scss">

src/components/misc/tutorialContent.vue

@@ -5,10 +5,10 @@
 <script>
 export default {
     data() {
-    return {};
+        return {}
     },
     methods: {}
-};
+}
 </script>
 
 <style lang="scss" scoped></style>

src/components/misc/uploader.vue

 <template>
     <div>
-    <input
-      id="video-input"
-      ref="videoInput"
-      type="file"
-      accept="video/mp4, video/NMP4"
-      @change="onVideoInputChange"
-      @click="onInputClick"
-    >
+        <input id="video-input" ref="videoInput" type="file" accept="video/mp4, video/NMP4" @change="onVideoInputChange" @click="onInputClick" />
     </div>
 </template>
 
 <script>
-import { mapActions } from 'vuex';
+import { mapActions } from 'vuex'
 export default {
     data() {
         return {
             videoInput: {}
-    };
+        }
     },
     mounted() {
-    this.videoInput = this.$refs.videoInput;
+        this.videoInput = this.$refs.videoInput
     },
     methods: {
         ...mapActions({
             upload: 'uploader/upload'
         }),
         onVideoInputChange() {
-      let file = this.videoInput.files[0];
-      console.log('turbo: onVideoInputChange -> file', file);
+            let file = this.videoInput.files[0]
+            console.log('turbo: onVideoInputChange -> file', file)
         },
         onInputClick() {
-      const vm = this;
+            const vm = this
             window.addEventListener('focus', function h() {
-        vm.clearInputValue(vm.videoInput);
-        console.log('turbo: h -> this.videoInput', vm.videoInput);
-        window.removeEventListener('focus', h);
-      });
+                vm.clearInputValue(vm.videoInput)
+                console.log('turbo: h -> this.videoInput', vm.videoInput)
+                window.removeEventListener('focus', h)
+            })
         },
         clearInputValue(el) {
             if (el) {
-        el.value = '';
+                el.value = ''
             }
         }
     }
-};
+}
 </script>
 
 <style lang="scss" scoped></style>

src/components/modal/completeContent.vue

@@ -7,10 +7,10 @@
 <script>
 export default {
     data() {
-    return {};
+        return {}
     },
     methods: {}
-};
+}
 </script>
 
 <style lang="scss" scoped></style>

src/components/modal/completeModal.vue

 <template>
-  <modal
-    name="completeModal"
-    :click-to-close="false"
-  >
+    <modal name="completeModal" :click-to-close="false">
         <complete-content></complete-content>
     </modal>
 </template>
 
 <script>
-import CompleteContent from './completeContent';
+import CompleteContent from './completeContent'
 export default {
     components: {
         CompleteContent
     },
     data() {
-    return {};
+        return {}
     },
     methods: {}
-};
+}
 </script>
 
 <style lang="scss" scoped></style>

src/components/modal/modalLayer.vue

@@ -6,18 +6,18 @@
 </template>
 
 <script>
-import CompleteModal from '@/components/modal/completeModal';
-import SelectModal from '@/components/modal/selectModal';
+import CompleteModal from '@/components/modal/completeModal'
+import SelectModal from '@/components/modal/selectModal'
 export default {
     components: {
         CompleteModal,
         SelectModal
     },
     data() {
-    return {};
+        return {}
     },
     methods: {}
-};
+}
 </script>
 
 <style lang="scss" scoped>

src/components/modal/selectContent.vue

 <template>
     <div>
-    <div
-      class="close-btn"
-      @click="close"
-    >
+        <div class="close-btn" @click="close">
             close
         </div>
         <div>选择视频</div>
         <ul>
-      <li
-        v-for="(item, i) in items"
-        :key="i"
-        class="item"
-        @click="itemClick({ item, index: i })"
-      >
+            <li v-for="(item, i) in items" :key="i" class="item" @click="itemClick({ item, index: i })">
                 {{ item.text }}
             </li>
         </ul>
@@ -25,23 +17,23 @@ export default {
     data() {
         return {
             items: [{ text: '本地上传', type: 'upload' }, { text: '视频库' }, { text: '我的作品' }]
-    };
+        }
     },
     methods: {
         close() {
-      this.$modal.hide('selectModal');
+            this.$modal.hide('selectModal')
         },
         triggerUpload() {
-      const el = document.getElementById('video-input');
-      el && el.click();
+            const el = document.getElementById('video-input')
+            el && el.click()
         },
         itemClick({ item = {} } = {}) {
             if (item.type === 'upload') {
-        this.triggerUpload();
+                this.triggerUpload()
             }
         }
     }
-};
+}
 </script>
 
 <style lang="scss" scoped></style>

src/components/modal/selectModal.vue

 <template>
-  <modal
-    name="selectModal"
-    :click-to-close="false"
-  >
+    <modal name="selectModal" :click-to-close="false">
         <select-content></select-content>
     </modal>
 </template>
 
 <script>
-import SelectContent from './selectContent';
+import SelectContent from './selectContent'
 export default {
     components: {
         SelectContent
     },
     data() {
-    return {};
+        return {}
     },
     methods: {}
-};
+}
 </script>
 
 <style lang="scss" scoped></style>

src/components/rightPanel/index.vue

@@ -7,11 +7,11 @@
 <script>
 export default {
     data() {
-    return {};
+        return {}
     },
     created() {},
     mounted() {}
-};
+}
 </script>
 
 <style scoped lang="scss">

src/components/rightPanel/screenshotPanel.vue

@@ -7,11 +7,11 @@
 <script>
 export default {
     data() {
-    return {};
+        return {}
     },
     created() {},
     mounted() {}
-};
+}
 </script>
 
 <style></style>

src/components/sideNav/index.vue

@@ -21,11 +21,11 @@
 <script>
 export default {
     data() {
-    return {};
+        return {}
     },
     created() {},
     mounted() {}
-};
+}
 </script>
 
 <style scoped lang="scss">

src/components/videoConverter/taskComplete.vue

@@ -8,12 +8,12 @@ export default {
     components: {},
     props: {},
     data() {
-    return {};
+        return {}
     },
     computed: {},
     watch: {},
     methods: {}
-};
+}
 </script>
 
 <style scoped lang="scss">

src/components/videoConverter/taskEdit.vue

 <template>
     <div class="taskEdit">
         <ul>
-      <li
-        v-for="(item, index) in taskList"
-        :key="index"
-      >
+            <li v-for="(item, index) in taskList" :key="index">
                 <div class="info">
                     <div class="cove">
                         视频封面
@@ -15,25 +12,16 @@
                     </div>
                 </div>
                 <div class="operationPanel">
-          <div
-            v-show="item.state == 0"
-            class="wait"
-          >
+                    <div v-show="item.state == 0" class="wait">
                         <div>输出格式</div>
                         <div class="selectionFormat">
                             mp4
                         </div>
-            <div
-              class="delete"
-              @click="clearTask(item)"
-            >
+                        <div class="delete" @click="clearTask(item)">
                             删除
                         </div>
                     </div>
-          <div
-            v-show="item.state == 1"
-            class="active"
-          >
+                    <div v-show="item.state == 1" class="active">
                         <div class="progress">
                             <div>转换中{{ item.progress }}%</div>
                             <div class="slide">
@@ -41,10 +29,7 @@
                             </div>
                         </div>
 
-            <div
-              class="stop"
-              @click="stopTask(item)"
-            >
+                        <div class="stop" @click="stopTask(item)">
                             取消
                         </div>
                     </div>
@@ -53,16 +38,10 @@
         </ul>
 
         <div class="editBar">
-      <div
-        class="addVideo"
-        @click="addVideo"
-      >
+            <div class="addVideo" @click="addVideo">
                 添加视频
             </div>
-      <div
-        class="clearList"
-        @click="clearAllTasks"
-      >
+            <div class="clearList" @click="clearAllTasks">
                 清空列表
             </div>
             <div class="clearWatermark">
@@ -70,17 +49,14 @@
             </div>
         </div>
 
-    <div
-      class="startAll"
-      @click="startAllTasks"
-    >
+        <div class="startAll" @click="startAllTasks">
             开始转换
         </div>
     </div>
 </template>
 
 <script>
-import { start, stop, clear, checkStatus } from './webApi';
+import { start, stop, clear, checkStatus } from './webApi'
 export default {
     name: 'TaskEdit',
     components: {},
@@ -88,7 +64,7 @@ export default {
     data() {
         return {
             taskList: []
-    };
+        }
     },
     computed: {},
     watch: {},
@@ -101,35 +77,35 @@ export default {
                 state: 0,
                 progress: 60,
                 outputFormat: 'mp4'
-      });
+            })
         }
     },
     methods: {
         async startTask(item) {
-      let result = await start();
+            let result = await start()
             if (result) {
-        item.state = 1;
+                item.state = 1
             } else {
-        item.state = 2;
+                item.state = 2
             }
         },
         async stopTask(item) {
-      let result = await stop();
+            let result = await stop()
             if (result) {
-        item.state = 0;
+                item.state = 0
             }
         },
         async clearTask(item) {
-      let result = await clear();
+            let result = await clear()
             if (result) {
-        let index = this.taskList.indexOf(item);
+                let index = this.taskList.indexOf(item)
                 if (index > -1) {
-          this.taskList.splice(index, 1);
+                    this.taskList.splice(index, 1)
                 }
             }
         },
         async checkTaskStatus() {
-      await checkStatus();
+            await checkStatus()
         },
         addVideo() {
             this.taskList.push({
@@ -139,18 +115,18 @@ export default {
                 state: 0,
                 progress: 60,
                 outputFormat: 'mp4'
-      });
+            })
         },
         clearAllTasks() {
-      this.taskList = [];
+            this.taskList = []
         },
         startAllTasks() {
             this.taskList.forEach((task) => {
-        task.state = 1;
-      });
+                task.state = 1
+            })
         }
     }
-};
+}
 </script>
 
 <style scoped lang="scss">

src/components/videoConverter/webApi.js

 async function start() {
     let result = await new Promise((resolve) => {
         setTimeout(() => {
-      resolve(true);
-    }, 1000);
-  });
-  return result;
+            resolve(true)
+        }, 1000)
+    })
+    return result
 }
 async function stop() {
     let result = await new Promise((resolve) => {
         setTimeout(() => {
-      resolve(true);
-    }, 500);
-  });
-  return result;
+            resolve(true)
+        }, 500)
+    })
+    return result
 }
 
 async function clear() {
     let result = await new Promise((resolve) => {
         setTimeout(() => {
-      resolve(true);
-    }, 500);
-  });
-  return result;
+            resolve(true)
+        }, 500)
+    })
+    return result
 }
 
 async function checkStatus(fakeValue) {
     let result = await new Promise((resolve) => {
         setTimeout(() => {
-      resolve(fakeValue++);
-    }, 500);
-  });
-  return result;
+            resolve(fakeValue++)
+        }, 500)
+    })
+    return result
 }
 
-export { start, stop, clear, checkStatus };
+export { start, stop, clear, checkStatus }

src/components/videoCutter/videoChange.vue

 <template>
-  <div
-    class="video-change"
-    @click="changeVideo"
-  >
+    <div class="video-change" @click="changeVideo">
         替换视频
     </div>
 </template>
@@ -10,10 +7,10 @@
 export default {
     methods: {
         changeVideo() {
-      this.$emit('changeVideo');
+            this.$emit('changeVideo')
         }
     }
-};
+}
 </script>
 <style lang="scss" scoped>
 .video-change {

src/components/videoCutter/videoControl.vue

 <template>
     <div class="video-control">
-    <div
-      class="video-play-btn"
-      @click="play()"
-    >
+        <div class="video-play-btn" @click="play()">
             播放
         </div>
         <div class="video-time-content">
@@ -21,27 +18,27 @@
 export default {
     filters: {
         formatTime(duration) {
-      if (duration <= 0) return '00:00';
-      if (!duration) return '--:--';
-      let min = ~~(duration / 60);
-      min = (min + '').length === 1 ? '0' + min : min;
-      let sec = Math.floor(duration % 60);
-      sec = (sec + '').length === 1 ? '0' + sec : sec;
-      min = min || '00';
-      sec = sec || '00';
-      return min + ':' + sec;
+            if (duration <= 0) return '00:00'
+            if (!duration) return '--:--'
+            let min = ~~(duration / 60)
+            min = (min + '').length === 1 ? '0' + min : min
+            let sec = Math.floor(duration % 60)
+            sec = (sec + '').length === 1 ? '0' + sec : sec
+            min = min || '00'
+            sec = sec || '00'
+            return min + ':' + sec
         }
     },
     props: ['duration', 'nowTime'], // eslint-disable-line
     data() {
-    return {};
+        return {}
     },
     methods: {
         play() {
-      this.$emit('play');
+            this.$emit('play')
         }
     }
-};
+}
 </script>
 <style lang="scss" scoped>
 .video-control {

src/components/videoCutter/videoPlayer.vue

 <template>
     <div class="video-player">
-    <video
-      ref="videoDom"
-      src="https://resources.laihua.com/2020-7-27/547adf9b-73b0-4b14-bed6-6ee278a1b2b2.mp4"
-    ></video>
+        <video ref="videoDom" src="https://resources.laihua.com/2020-7-27/547adf9b-73b0-4b14-bed6-6ee278a1b2b2.mp4"></video>
     </div>
 </template>
 <script>
@@ -13,54 +10,54 @@ export default {
             state: 'pluse',
             times: 0,
             canPlay: false
-    };
+        }
     },
     mounted() {
         this.$bus.on('videoPlayer.play', (data) => {
             if (data.time !== undefined) {
-        this.currentTime(data.time);
+                this.currentTime(data.time)
             }
             if (data.play) {
-        this.play();
+                this.play()
             } else {
-        this.pause();
+                this.pause()
             }
-    });
+        })
         this.$nextTick(() => {
-      this.$refs.videoDom.addEventListener('canplay', this.canPlayFunc);
+            this.$refs.videoDom.addEventListener('canplay', this.canPlayFunc)
             this.$refs.videoDom.addEventListener('ended', () => {
-        this.$emit('ended');
-      });
+                this.$emit('ended')
+            })
             this.$refs.videoDom.addEventListener('timeupdate', () => {
-        this.$emit('timeupdate', this.$refs.videoDom.currentTime);
-      });
-    });
+                this.$emit('timeupdate', this.$refs.videoDom.currentTime)
+            })
+        })
     },
     beforeDestroy() {
-    this.$refs.videoDom.removeEventListener('canplay');
-    this.$refs.videoDom.removeEventListener('ended');
-    this.$refs.videoDom.removeEventListener('timeupdate');
+        this.$refs.videoDom.removeEventListener('canplay')
+        this.$refs.videoDom.removeEventListener('ended')
+        this.$refs.videoDom.removeEventListener('timeupdate')
     },
     methods: {
         canPlayFunc() {
-      this.canPlay = true;
-      let from = this.$parent.$options.name || 'videoPlayer';
-      this.$bus.emit(`${from}.canPlay`, this.$refs.videoDom.duration);
+            this.canPlay = true
+            let from = this.$parent.$options.name || 'videoPlayer'
+            this.$bus.emit(`${from}.canPlay`, this.$refs.videoDom.duration)
         },
         play() {
-      if (!this.canPlay) return;
-      this.$refs.videoDom.play();
+            if (!this.canPlay) return
+            this.$refs.videoDom.play()
         },
         pause() {
-      if (!this.canPlay) return;
-      this.$refs.videoDom.pause();
+            if (!this.canPlay) return
+            this.$refs.videoDom.pause()
         },
         currentTime(time) {
-      if (!this.canPlay) return;
-      this.$refs.videoDom.currentTime = time;
+            if (!this.canPlay) return
+            this.$refs.videoDom.currentTime = time
         }
     }
-};
+}
 </script>
 <style lang="scss" scoped>
 .video-player {

src/components/videoCutter/videoTimeline.vue

 <template>
     <div class="video-timeline">
-    <div
-      ref="sliderWidth"
-      v-drag
-      class="time-slider"
-    >
+        <div ref="sliderWidth" v-drag class="time-slider">
             <div class="time-slider-rail"></div>
-      <div
-        class="time-slider-track"
-        :style="{ width: ((info.val - info.min) / info.max) * 100 + '%' }"
-      ></div>
-      <div
-        data-action="handle"
-        class="time-slider-handle"
-        :style="{ left: ((info.val - info.min) / info.max) * 100 + '%' }"
-      ></div>
+            <div class="time-slider-track" :style="{ width: ((info.val - info.min) / info.max) * 100 + '%' }"></div>
+            <div data-action="handle" class="time-slider-handle" :style="{ left: ((info.val - info.min) / info.max) * 100 + '%' }"></div>
         </div>
     </div>
 </template>
@@ -26,32 +15,32 @@ export default {
             let _this = vnode.context,
                 mousemove = null,
                 mouseup = null,
-        dataAction = '';
+                dataAction = ''
 
             mousemove = (e) => {
-        _this.dragMove && _this.dragMove(e.pageX, dataAction, e);
-      };
+                _this.dragMove && _this.dragMove(e.pageX, dataAction, e)
+            }
 
             mouseup = (e) => {
-        document.removeEventListener('mousemove', mousemove);
-        document.removeEventListener('mouseup', mouseup);
+                document.removeEventListener('mousemove', mousemove)
+                document.removeEventListener('mouseup', mouseup)
 
-        _this.dragUp && _this.dragUp(e.pageX, dataAction, e);
-      };
+                _this.dragUp && _this.dragUp(e.pageX, dataAction, e)
+            }
 
             el.onmousedown = (e) => {
-        dataAction = e.target.dataset.action;
+                dataAction = e.target.dataset.action
 
                 if (e.which === 3 || e.which === 2) {
-          e.stopPropagation();
-          return;
+                    e.stopPropagation()
+                    return
                 }
 
-        document.addEventListener('mousemove', mousemove);
-        document.addEventListener('mouseup', mouseup);
+                document.addEventListener('mousemove', mousemove)
+                document.addEventListener('mouseup', mouseup)
 
-        _this.dragDown && _this.dragDown(e.pageX, dataAction, e);
-      };
+                _this.dragDown && _this.dragDown(e.pageX, dataAction, e)
+            }
         }
     },
     props: {
@@ -59,45 +48,45 @@ export default {
             type: Object,
             required: true,
             default: function() {
-        return { step: 0.1, min: 0, max: 10, val: 0, cut: [0, 10] };
+                return { step: 0.1, min: 0, max: 10, val: 0, cut: [0, 10] }
             }
         }
     },
     data() {
         return {
             width: 100
-    };
+        }
     },
     methods: {
         dragDown(dis, action) {
-      if (!action) return;
-      this.width = this.$refs.sliderWidth.clientWidth;
-      this.action = action;
-      this.dragHand = true;
+            if (!action) return
+            this.width = this.$refs.sliderWidth.clientWidth
+            this.action = action
+            this.dragHand = true
             this.mpos = {
                 x: dis,
                 v: this.info.val
-      };
-      this.$emit('changeData', { val: this.mpos.v, action: action, type: 'start' });
+            }
+            this.$emit('changeData', { val: this.mpos.v, action: action, type: 'start' })
         },
         dragMove(pos) {
-      if (!this.action) return;
-      let val = 0;
-      console.log(pos, '<_-------------');
+            if (!this.action) return
+            let val = 0
+            console.log(pos, '<_-------------')
             // let pre = Math.round(((pos.x - this.mpos.x) / 120 * this.item.len + this.mpos.v) / this.item.step) / (1 / this.item.step);
             // this.item.val = pre > this.item.max ? this.item.max : pre < this.item.min ? this.item.min : pre;
-      this.$emit('changeData', { val: val, action: this.action, type: 'change' });
+            this.$emit('changeData', { val: val, action: this.action, type: 'change' })
         },
         dragUp() {
-      if (!this.action) return;
-      let val = 0;
-      this.mpos = null;
-      this.dragHand = false;
-      this.action = '';
-      this.$emit('changeData', { val: val, action: this.action, type: 'end' });
+            if (!this.action) return
+            let val = 0
+            this.mpos = null
+            this.dragHand = false
+            this.action = ''
+            this.$emit('changeData', { val: val, action: this.action, type: 'end' })
         }
     }
-};
+}
 </script>
 <style lang="scss" scoped>
 .video-timeline {

src/main.js

-import Vue from 'vue';
-import App from './App.vue';
-import router from './router';
-import store from './store';
-import './registerServiceWorker';
-import './assets/style/index.scss';
-import axios from 'axios';
-import VueBus from 'vue-bus';
-import VModal from 'vue-js-modal';
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+import store from './store'
+import './registerServiceWorker'
+import './assets/style/index.scss'
+import axios from 'axios'
+import VueBus from 'vue-bus'
+import VModal from 'vue-js-modal'
 
-Vue.use(VueBus);
-Vue.use(VModal);
+Vue.use(VueBus)
+Vue.use(VModal)
 
-import baseURL from '../config/baseUrl.js';
-console.log('baseURL:', baseURL);
+import baseURL from '../config/baseUrl.js'
+console.log('baseURL:', baseURL)
 
-Vue.config.productionTip = false;
-Vue.prototype.$http = axios;
+Vue.config.productionTip = false
+Vue.prototype.$http = axios
 
 new Vue({
     router,
     store,
     render: (h) => h(App)
-}).$mount('#app');
+}).$mount('#app')

src/registerServiceWorker.js

 /* eslint-disable no-console */
 
-import { register } from 'register-service-worker';
+import { register } from 'register-service-worker'
 
 if (process.env.NODE_ENV === 'production') {
     register(`${process.env.BASE_URL}service-worker.js`, {
         ready() {
-      console.log('App is being served from cache by a service worker.\n' + 'For more details, visit https://goo.gl/AFskqB');
+            console.log('App is being served from cache by a service worker.\n' + 'For more details, visit https://goo.gl/AFskqB')
         },
         registered() {
-      console.log('Service worker has been registered.');
+            console.log('Service worker has been registered.')
         },
         cached() {
-      console.log('Content has been cached for offline use.');
+            console.log('Content has been cached for offline use.')
         },
         updatefound() {
-      console.log('New content is downloading.');
+            console.log('New content is downloading.')
         },
         updated() {
-      console.log('New content is available; please refresh.');
+            console.log('New content is available; please refresh.')
         },
         offline() {
-      console.log('No internet connection found. App is running in offline mode.');
+            console.log('No internet connection found. App is running in offline mode.')
         },
         error(error) {
-      console.error('Error during service worker registration:', error);
+            console.error('Error during service worker registration:', error)
         }
-  });
+    })
 }

src/router/index.js

-import Vue from 'vue';
-import VueRouter from 'vue-router';
-import Bao3 from '../views/bao3.vue';
-import Screenshot from '../views/screenshot.vue';
-import screenshotPanel from '../components/rightPanel/screenshotPanel.vue';
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import Bao3 from '../views/bao3.vue'
+import Screenshot from '../views/screenshot.vue'
+import screenshotPanel from '../components/rightPanel/screenshotPanel.vue'
 
-Vue.use(VueRouter);
+Vue.use(VueRouter)
 
 const routes = [
     {
@@ -37,12 +37,12 @@ const routes = [
             panel: screenshotPanel
         }
     }
-];
+]
 
 const router = new VueRouter({
     mode: 'history',
     base: process.env.BASE_URL,
     routes
-});
+})
 
-export default router;
+export default router

src/store/global.js

@@ -3,19 +3,19 @@
 
 const state = {
     _test: 1
-};
+}
 
 const getters = {
     test: (state) => state._test
-};
+}
 
-const mutations = {};
+const mutations = {}
 
-const actions = {};
+const actions = {}
 
 export default {
     state,
     getters,
     mutations,
     actions
-};
+}

src/store/index.js

-import Vue from 'vue';
-import Vuex from 'vuex';
+import Vue from 'vue'
+import Vuex from 'vuex'
 
-import global from './global';
-import moduleA from './modules/moduleA';
-import uploader from './modules/uploader';
+import global from './global'
+import moduleA from './modules/moduleA'
+import uploader from './modules/uploader'
 
-Vue.use(Vuex);
+Vue.use(Vuex)
 
 export default new Vuex.Store({
     ...global,
@@ -13,4 +13,4 @@ export default new Vuex.Store({
         moduleA,
         uploader
     }
-});
+})

src/store/modules/moduleA.js

@@ -3,15 +3,15 @@
 
 const state = {
     _moduleState: 'moduleState'
-};
+}
 
 const getters = {
     moduleState: (state) => state._moduleState
-};
+}
 
-const mutations = {};
+const mutations = {}
 
-const actions = {};
+const actions = {}
 
 export default {
     namespaced: true,
@@ -19,4 +19,4 @@ export default {
     getters,
     mutations,
     actions
-};
+}

src/store/modules/uploader.js

@@ -3,20 +3,20 @@
 
 const state = {
     video: {}
-};
+}
 
 const getters = {
     video: (state) => state.video
-};
+}
 
-const mutations = {};
+const mutations = {}
 
 const actions = {
     async upload(store, payload) {
-    console.log('turbo: upload -> store, payload', store, payload);
+        console.log('turbo: upload -> store, payload', store, payload)
     },
     async storeMaterial() {}
-};
+}
 
 export default {
     namespaced: true,
@@ -24,4 +24,4 @@ export default {
     getters,
     mutations,
     actions
-};
+}

src/test/index.vue

+<template>
+    <div class="page-test">
+        test
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {}
+    }
+}
+</script>
+
+<style scoped lang="scss">
+/* @import url(); 引入css类 */
+</style>

src/views/bao2.vue

@@ -7,11 +7,11 @@
 <script>
 export default {
     data() {
-    return {};
+        return {}
     },
     created() {},
     mounted() {}
-};
+}
 </script>
 
 <style scoped lang="scss">

src/views/bao3.vue

@@ -8,11 +8,11 @@
 <script>
 export default {
     data() {
-    return {};
+        return {}
     },
     created() {},
     mounted() {}
-};
+}
 </script>
 
 <style scoped lang="scss">

src/views/screenshot.vue

 <template>
     <div class="screenshot">
         <div class="content">
-      <video
-        id="screenshot-video"
-        width="400"
-        height="300"
-        :src="srcUrl"
-        controls
-      ></video>
+            <video id="screenshot-video" width="400" height="300" :src="srcUrl" controls></video>
         </div>
         <div class="operate-area">
             <div class="play-area">
-        <input
-          id="screenshot-input"
-          type="file"
-          style="display:none;"
-          @change="changeFile"
-        >
+                <input id="screenshot-input" type="file" style="display:none;" @change="changeFile" />
                 <label id="select-btn">
                     <span>选择文件</span>
                 </label>
@@ -40,26 +29,26 @@ export default {
             videoEle: null,
             current: 0,
             duration: 10
-    };
+        }
     },
     created() {},
     mounted() {
-    let input = document.getElementById('screenshot-input');
-    let fileBtn = document.getElementById('select-btn');
+        let input = document.getElementById('screenshot-input')
+        let fileBtn = document.getElementById('select-btn')
         fileBtn.addEventListener('click', function() {
-      input.click();
-    });
-    let video = document.getElementById('screenshot-video');
+            input.click()
+        })
+        let video = document.getElementById('screenshot-video')
         video.onerror = function(e) {
-      console.log('onerror', e);
-    };
+            console.log('onerror', e)
+        }
         video.addEventListener('loadedmetadata', function(e) {
-      console.log('loadedmetadata', e);
+            console.log('loadedmetadata', e)
             //webkitVideoDecodedByteCount
             if (e.target.webkitVideoDecodedByteCount < 1) {
-        console.error('格式不支持');
+                console.error('格式不支持')
             }
-    });
+        })
 
         //loadedmetadata
     },
@@ -67,11 +56,11 @@ export default {
         changeFile(e) {
             //console.log('changeFile', e)
             if (e.target.files[0]) {
-        this.srcUrl = URL.createObjectURL(e.target.files[0]);
+                this.srcUrl = URL.createObjectURL(e.target.files[0])
             }
         }
     }
-};
+}
 </script>
 
 <style lang="scss" scoped>

src/views/videoConverter.vue

@@ -5,19 +5,19 @@
 </template>
 
 <script>
-import taskEdit from '@/components/videoConverter/taskEdit';
+import taskEdit from '@/components/videoConverter/taskEdit'
 export default {
     name: 'VideoConverter',
     components: { taskEdit },
     props: {},
     data() {
-    return {};
+        return {}
     },
     computed: {},
     watch: {},
     created() {},
     methods: {}
-};
+}
 </script>
 
 <style scoped lang="scss">

src/views/videoCutter.vue

 <template>
     <div class="video-cutter">
         <div class="video-content">
-      <videoPlayer
-        @currentTime="changeTime"
-        @end="playEnd"
-        @timeupdate="timeupdate"
-      ></videoPlayer>
+            <videoPlayer @currentTime="changeTime" @end="playEnd" @timeupdate="timeupdate"></videoPlayer>
         </div>
         <div class="video-btn">
             <videoChange @changeVideo="changeVideo"></videoChange>
-      <videoControl
-        :duration="duration"
-        :now-time="nowTime"
-        @play="videoPlay"
-      ></videoControl>
+            <videoControl :duration="duration" :now-time="nowTime" @play="videoPlay"></videoControl>
             <div class="video-water">
-        <input
-          id="cutterRemoveWater"
-          v-model="noWater"
-          type="checkbox"
-        >
-        <label for="cutterRemoveWater">去除水印</label>
+                <input id="cutterRemoveWater" v-model="noWater" type="checkbox" />
+                <label for="cutterRemoveWater">去除ddf 水印</label>
             </div>
         </div>
         <div class="timeline-content">
@@ -48,50 +36,50 @@ export default {
             canPlay: false,
             noWater: true,
             timelineObj: { step: 0.1, min: 0, max: 10, val: 0 }
-    };
+        }
     },
     created() {},
     mounted() {
-    this.$bus.on('VideoCutter.canPlay', this.canPlayFunc);
+        this.$bus.on('VideoCutter.canPlay', this.canPlayFunc)
     },
     methods: {
         changeVideo() {
-      console.log('todo change video, <-----lilei');
+            console.log('todo change video, <-----lilei')
         },
         canPlayFunc(data) {
-      this.duration = data;
-      this.timelineObj.max = this.duration;
-      this.canPlay = true;
+            this.duration = data
+            this.timelineObj.max = this.duration
+            this.canPlay = true
         },
         videoPlay() {
-      if (!this.canPlay) return;
-      let ob = {};
+            if (!this.canPlay) return
+            let ob = {}
             if (this.playing) {
-        ob.play = false;
+                ob.play = false
             } else {
-        ob.play = true;
+                ob.play = true
                 if (this.nowTime >= this.duration) {
-          ob.time = 0;
-          this.timelineObj.val = 0;
+                    ob.time = 0
+                    this.timelineObj.val = 0
                 }
             }
-      this.playing = !this.playing;
-      this.$bus.emit('videoPlayer.play', ob);
+            this.playing = !this.playing
+            this.$bus.emit('videoPlayer.play', ob)
         },
         changeTime(data) {
-      console.log(data);
+            console.log(data)
         },
         playEnd() {
-      this.playing = false;
-      this.nowTime = this.duration;
-      this.timelineObj.val = this.nowTime;
+            this.playing = false
+            this.nowTime = this.duration
+            this.timelineObj.val = this.nowTime
         },
         timeupdate(time) {
-      this.nowTime = time;
-      this.timelineObj.val = this.nowTime;
+            this.nowTime = time
+            this.timelineObj.val = this.nowTime
         }
     }
-};
+}
 </script>
 
 <style scoped lang="scss">