121

src/components/FooterNavigation.vue

@@ -22,17 +22,17 @@
 			message: 'The current page has not been saved. Do you want to return to the home page?'
 		})
 			.then(() => {
-				router.push(nav.path)
+				nav.path && router.push(nav.path)
 			})
 			.catch(() => {})
 	}
 	const navs = [
 		{ label: 'Home', icon: 'home', size: 73, path: '/welcome', on: onHome },
 		{ label: 'Library', icon: 'library', size: 53, path: '/workshop/library' },
-		{ label: 'Profile', icon: 'profile', size: 55, path: '/workshop/creation' }
+		{ label: 'Profile', icon: 'profile', size: 55, path: '' }
 	]
 	const onNavClick = (nav) => {
-		if (currentRoute.value !== nav.path) nav.on ? nav.on(nav) : router.push(nav.path)
+		if (currentRoute.value !== nav.path) nav.on ? nav.on(nav) : nav.path && router.push(nav.path)
 	}
 </script>
 

src/views/Workshop/creation.vue

@@ -11,12 +11,11 @@
 		emit('view-type', 1)
 	})
 	const onSave = () => {
-		// console.log('保存')
-		router.push({ name: 'end' })
+		console.log('保存')
 	}
 
 	const onContinue = () => {
-		console.log('继续创建')
+		router.push({ name: 'end' })
 	}
 </script>
 
@@ -72,6 +71,7 @@
 				border-radius: 2rem;
 				background-color: #fff;
 				margin-bottom: 4rem;
+				border: 0.1rem solid #000;
 				> img {
 					width: 100%;
 					height: 100%;

src/views/Workshop/customize.vue

@@ -3,9 +3,11 @@
 	import FooterNavigation from '@/components/FooterNavigation.vue'
 	import { ref } from 'vue'
 	const emit = defineEmits(['viewType'])
+	import { useRouter } from 'vue-router'
+	const router = useRouter()
 
-	const inputText = ref('');
-	const isLoved = ref(false);
+	const inputText = ref('')
+	const isLoved = ref(false)
 
 	const onSend = () => {
 		if (inputText.value === '') return
@@ -14,14 +16,17 @@
 		console.log('发送消息:', text)
 	}
 	const onLove = () => {
-		console.log("love")
+		console.log('love')
 		isLoved.value = !isLoved.value
 	}
 	const onReload = () => {
-		console.log("reload")
+		console.log('reload')
 	}
 	const onDownload = () => {
-		console.log("download")
+		console.log('download')
+	}
+	const onContinue = () => {
+		router.push({ name: 'creation' })
 	}
 </script>
 
@@ -53,6 +58,7 @@
 				<div @click="onDownload"><SvgIcon name="download" size="35" /></div>
 			</div>
 		</div>
+		<button class="continue-btn" @click="onContinue">Continue</button>
 	</div>
 	<footer-navigation />
 </template>
@@ -169,5 +175,20 @@
 				}
 			}
 		}
+		> .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;
+			}
+		}
 	}
 </style>