进度条优化

admin-update/src/mock/userInfo.js

@@ -518,7 +518,7 @@ let menu = {
 		{
 			id: '11',
 			parentId: null,
-			name: '开店',
+			name: '培训',
 			type: 1,
 			icon: 'iconyaoqingyouli',
 			orderNum: 11,
@@ -529,7 +529,7 @@ let menu = {
         {
             id: '1101',
             parentId: 11,
-            name: '邀请列表',
+            name: '邀请开店',
             type: 1,
             icon: 'iconyaoqingyouli',
             orderNum: 11,

admin-update/src/views/order/list.vue

@@ -73,16 +73,17 @@
 
 			<!-- 进度 -->
 			<template #table-column-currentFlow="{scope}">
-				<div class="steps-wrap" style="width: 200px">
+				<div class="steps-wrap">
 					<el-steps
-						:space="200"
+						:space="180"
 						:active="parseInt(scope.row.currentFlow)"
 						finish-status="success"
 						size="mini"
+						align-center=true
 					>
 						<el-step
 							title=""
-							v-for="(item, index) in parseInt(scope.row.totalFlow)"
+							v-for="(item, index) in parseInt(5)"
 							:key="index"
 						></el-step>
 					</el-steps>
@@ -278,7 +279,7 @@ export default {
 							prop: 'currentFlow',
 							label: '进度',
 							align: 'center',
-							width: 220
+							width: 180
 						},
 						{
 							prop: 'status',
@@ -351,8 +352,9 @@ export default {
 	}
 }
 .steps-wrap {
-	width: 200px;
+	width: 150px;
 	// height: 26px;
+	margin:0 auto;
 }
 </style>
 
@@ -370,9 +372,13 @@ export default {
 		border-color: #3385ff;
 		.el-step__icon.is-text {
 			background-color: #3385ff;
+			font-size:1px;
 		}
 		.el-step__line {
 			background-color: #3385ff;
+			.el-step__line-inner{
+			    display:inline-block;
+			}
 		}
 	}
 	.el-step__head.is-wait {
@@ -380,15 +386,20 @@ export default {
 			background-color: #c0c4cc;
 		}
 	}
+	.el-step__icon-inner{
+	    font-size:1px;
+	}
 	.el-step__icon {
-		width: 12px;
-		height: 12px;
+		width: 10px;
+		height: 10px;
 	}
 	.el-step.is-horizontal .el-step__line {
-		height: 2px;
+		height: 1px;
 		left: 16px;
 		right: -16px;
-		top: 9px;
+		top: 10px;
 	}
+
 }
+
 </style>

mobile-code/src/admin/home/workbench.vue

@@ -204,7 +204,7 @@
 						url: '/admin/shop/list'
 					},
 					{
-						name: '开店邀请',
+						name: '邀请开店',
 						img: `${this.$constant.imgUrl}/retail/admin/tab-icon-7.png`,
 						url: '/admin/interest/my-invite'
 					},