css 格式

src/components/videoCutter/videoChange.vue

@@ -17,13 +17,13 @@ export default {
 </script>
 <style lang="scss" scoped>
 .video-change {
-    width: 100px;
-    height: 30px;
-    line-height: 30px;
-    text-align: center;
-    border: 1px solid #dddddd;
-    border-radius: 4px;
-    user-select: none;
-    cursor: pointer;
+  width: 100px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  border: 1px solid #dddddd;
+  border-radius: 4px;
+  user-select: none;
+  cursor: pointer;
 }
 </style>

src/components/videoCutter/videoControl.vue

@@ -32,7 +32,7 @@ export default {
       return min + ':' + sec
     }
   },
-    props: ['duration', 'nowTime'], // eslint-disable-line
+  props: ['duration', 'nowTime'], // eslint-disable-line
   data() {
     return {}
   },
@@ -45,27 +45,27 @@ export default {
 </script>
 <style lang="scss" scoped>
 .video-control {
-    display: flex;
-    justify-content: flex-start;
-    align-self: center;
-    width: 200px;
-    user-select: none;
+  display: flex;
+  justify-content: flex-start;
+  align-self: center;
+  width: 200px;
+  user-select: none;
 }
 .video-play-btn {
-    border: 1px solid #dddddd;
-    width: 30px;
-    height: 30px;
-    border-radius: 100%;
-    margin-right: 10px;
-    cursor: pointer;
+  border: 1px solid #dddddd;
+  width: 30px;
+  height: 30px;
+  border-radius: 100%;
+  margin-right: 10px;
+  cursor: pointer;
 }
 .video-time-content {
-    display: flex;
+  display: flex;
 
-    > div,
-    span {
-        line-height: 30px;
-        color: #474261;
-    }
+  > div,
+  span {
+    line-height: 30px;
+    color: #474261;
+  }
 }
 </style>

src/components/videoCutter/videoPlayer.vue

@@ -64,16 +64,16 @@ export default {
 </script>
 <style lang="scss" scoped>
 .video-player {
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    background-color: beige;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  background-color: beige;
 
-    video {
-        max-width: 100%;
-        max-height: 100%;
-    }
+  video {
+    max-width: 100%;
+    max-height: 100%;
+  }
 }
 </style>

src/views/videoCutter.vue

@@ -81,15 +81,15 @@ export default {
 <style scoped lang="scss">
 /* @import url(); 引入css类 */
 .video-cutter {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 .video-content {
-    width: 100%;
-    height: 700px;
+  width: 100%;
+  height: 700px;
 }
 .video-btn {
-    display: flex;
-    justify-content: space-between;
+  display: flex;
+  justify-content: space-between;
 }
 </style>