优化：AStepItem组件增加link

src/components/tool/AStepItem.vue

@@ -1,9 +1,11 @@
 <template>
-  <div>
+  <div
-    <router-link to="/" style="text-decoration:none;out-line: none; color: #000">
+    :class="['step-item', link ? 'linkable' : null]"
+    @click="go"
+  >
     <span :style="titleStyle">{{title}}</span>
     <a-icon :style="iconStyle" :type="icon" />
-    </router-link>
+    <slot></slot>
   </div>
 </template>
 
@@ -25,10 +27,27 @@ export default {
   name: 'AStepItem',
   Group: Group,
   components: {AIcon},
-  props: ['title', 'icon', 'link', 'titleStyle', 'iconStyle']
+  props: ['title', 'icon', 'link', 'titleStyle', 'iconStyle'],
+  methods: {
+    go () {
+      const link = this.link
+      if (link) {
+        this.$router.push(link)
+      }
+    }
+  }
 }
 </script>
 
-<style scoped>
+<style lang="less" scoped>
-
+  .step-item{
+    cursor: pointer;
+  }
+  :global{
+    .ant-steps-item-process{
+      .linkable{
+        color: #40a9ff;
+      }
+    }
+  }
 </style>