update

.vscode/launch.json

@@ -5,7 +5,7 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "type": "chrome",
+      "type": "pwa-chrome",
       "request": "launch",
       "name": "vuejs: chrome",
       "url": "http://localhost:7878",
@@ -16,14 +16,6 @@
         "webpack:///src/*": "${webRoot}/*",
         "webpack:///./src/*.js": "${webRoot}/*.js"
       }
-    },
-    {
-      "type": "firefox",
-      "request": "launch",
-      "name": "vuejs: firefox",
-      "url": "http://localhost:7878",
-      "webRoot": "${workspaceFolder}/src",
-      "pathMappings": [{ "url": "webpack:///src/", "path": "${webRoot}/" }]
     }
   ]
 }

src/common/CircleProgress/CircleProgressSvg.vue

@@ -1,40 +0,0 @@
-<template>
-  <svg width="36px" height="36px" class="circle-progress">
-    <circle
-      r="16"
-      cy="18"
-      cx="18"
-      stroke-width="2"
-      stroke="#1ef581"
-      stroke-linejoin="round"
-      stroke-linecap="round"
-      fill="none"
-      :stroke-dashoffset="dashoffset"
-      stroke-dasharray="100"
-    ></circle>
-    <path
-      transform="rotate(90 17.999999999999996,17.406309127807614)"
-      fill="#727272"
-      d="m18.007785,17.211003c1.59375,0 2.96094,-1.42969 2.96094,-3.27344c0,-1.82031 -1.375,-3.1875 -2.96094,-3.1875c-1.59375,0 -2.96875,1.39844 -2.96875,3.20313c0.00781,1.82812 1.36719,3.25781 2.96875,3.25781zm-4.63281,6.85155l9.25781,0c1.1797,0 1.5938,-0.3437 1.5938,-1c0,-1.9062 -2.3907,-4.53124 -6.22661,-4.53124c-3.82813,0 -6.22656,2.62504 -6.22656,4.53124c0,0.6563 0.41406,1 1.60156,1z"
-    />
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'CircleProgressSvg',
-  props: {
-    dashoffset: {
-      type: Number,
-      default: 0
-    }
-  }
-};
-</script>
-
-<style scoped>
-.circle-progress {
-  transform: rotate(-90deg);
-  margin-right: 8px;
-}
-</style>

src/common/CircleProgress/index.vue

@@ -1,49 +0,0 @@
-<template>
-  <span>
-    <circle-progress-svg v-for="n in 10" :key="n" :dashoffset="computedSingleProgress(n)" />
-  </span>
-</template>
-
-<script>
-import CircleProgressSvg from './CircleProgressSvg';
-
-export default {
-  name: 'CircleProgress',
-  components: {
-    CircleProgressSvg
-  },
-  props: {
-    totalCount: {
-      type: Number,
-      default: 0
-    },
-    finishCount: {
-      type: Number,
-      default: 0
-    }
-  },
-  computed: {
-    percentage() {
-      const per = this.finishCount / this.totalCount;
-      return isNaN(per) ? 100 : Math.trunc(per * 100);
-    }
-  },
-  methods: {
-    // 计算每个环形进度条的进度
-    computedSingleProgress(n) {
-      const percent = this.percentage;
-      if (percent === 100) {
-        return 0;
-      }
-      const surplus = percent - n * 10;
-      if (surplus >= 10) {
-        return 0;
-      }
-      if (surplus > 0) {
-        return -100 + (percent % 10) * 10;
-      }
-      return 100;
-    }
-  }
-};
-</script>

src/styles/index.scss

@@ -45,12 +45,6 @@ ul {
   box-sizing: inherit;
 }
 
-a:focus,
-a:active {
-  outline: none;
-}
-
-/* stylelint-disable-next-line no-descending-specificity */
 a,
 a:focus,
 a:hover {
@@ -59,6 +53,11 @@ a:hover {
   text-decoration: none;
 }
 
+a:focus,
+a:active {
+  outline: none;
+}
+
 div:focus {
   outline: none;
 }