1

src/components/FooterNavigation.vue

@@ -27,7 +27,7 @@
 			.catch(() => {})
 	}
 	const navs = [
-		{ label: 'Home', icon: 'home', size: 73, path: '/welcome', on: onHome },
+		{ label: 'Home', icon: 'home', size: 73, path: '/stylist/customer', on: onHome },
 		{ label: 'Library', icon: 'library', size: 53, path: '/workshop/library' },
 		{ label: 'Profile', icon: 'profile', size: 55, path: '' }
 	]

src/views/Workshop/customize.vue

@@ -16,7 +16,6 @@
 		console.log('发送消息:', text)
 	}
 	const onLove = () => {
-		console.log('love')
 		isLoved.value = !isLoved.value
 	}
 	const onReload = () => {
@@ -25,6 +24,9 @@
 	const onDownload = () => {
 		console.log('download')
 	}
+	const onRetry = () => {
+		router.back()
+	}
 	const onContinue = () => {
 		router.push({ name: 'creation' })
 	}
@@ -58,7 +60,10 @@
 				<div @click="onDownload"><SvgIcon name="download" size="35" /></div>
 			</div>
 		</div>
-		<button class="continue-btn" @click="onContinue">Continue</button>
+		<div class="btns">
+			<button @click="onRetry">Re-try?</button>
+			<button @click="onContinue">Continue</button>
+		</div>
 	</div>
 	<footer-navigation />
 </template>
@@ -175,19 +180,25 @@
 				}
 			}
 		}
-		> .continue-btn {
-			box-sizing: content-box;
-			font-family: satoshiRegular;
-			margin: 2.5rem 2.5rem 0 auto;
-			width: 35rem;
-			height: 7rem;
-			border-radius: 1.3rem;
-			background: #000;
-			font-weight: 400;
-			font-size: 4.2rem;
-			color: #fff;
-			&:active {
-				opacity: 0.7;
+		> .btns {
+			margin-top: 2.5rem;
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			> button {
+				box-sizing: content-box;
+				font-family: satoshiRegular;
+				margin: 0 2rem;
+				width: 35rem;
+				height: 6rem;
+				border-radius: 1.3rem;
+				background: #000;
+				font-weight: 400;
+				font-size: 3.6rem;
+				color: #fff;
+				&:active {
+					opacity: 0.7;
+				}
 			}
 		}
 	}