统一selectStyle和toproduct按钮

src/assets/css/style.css

@@ -71,3 +71,21 @@ html:root {
   padding: 0 2rem;
   min-height: fit-content;
 }
+.general_button {
+  border-radius: 0.7rem;
+  border: 3px solid #000;
+  background-color: #000;
+  text-align: center;
+  color: #fff;
+  font-family: satoshiMedium;
+}
+.general_button.smail {
+  font-size: 3.6rem;
+  width: 24.6rem;
+  line-height: 6.7rem;
+}
+.general_button.big {
+  font-size: 3.8rem;
+  line-height: 7.4rem;
+  width: 3.4rem;
+}

src/assets/css/style.less

@@ -81,4 +81,23 @@ html:root {
 	line-height: 5rem;
 	padding: 0 2rem;
 	min-height: fit-content;
+}
+
+.general_button{
+	border-radius: .7rem;
+	border: 3px solid #000;
+	background-color: #000;
+	text-align: center;
+	color: #fff;
+	font-family: satoshiMedium;
+	&.smail{
+		font-size: 3.6rem;
+		width: 24.6rem;
+		line-height: 6.7rem;
+	}
+	&.big{
+		font-size: 3.8rem;
+		line-height: 7.4rem;
+		width: 3.4rem;
+	}
 }

src/views/Workshop/product.vue

@@ -151,7 +151,7 @@ const { isLoading } = toRefs(data);
 			</div>
 			<div class="again">
 				<!-- <div @click="changeModel">Change Model</div> -->
-				<div @click="onContinue" style="margin-left: auto;">Continue</div>
+				<button @click="onContinue" class="general_button smail" style="margin-left: auto;">Continue</button>
 			</div>
 		</div>
 	</div>
@@ -259,19 +259,10 @@ const { isLoading } = toRefs(data);
 			}
 			> .again{
 				margin-top: 4.4rem;
-				font-family: satoshiMedium;
-				line-height: 10.4rem;
-				color: #fff;
-				font-size: 4.2rem;
 				display: flex;
 				justify-content: center;
 				> div{
-					width: 36rem;
-					border-radius: 15px;
-					background-color: #000;
-					text-align: center;
 					margin-right: 3.9rem;
-					justify-content: center;
 					&:last-child{
 						margin-right: 0;
 					}

src/views/Workshop/selectStyle.vue

@@ -124,7 +124,7 @@ const { styleList, select } = toRefs(data);
 	</div>
 	<!-- <div class="footer placeholder"></div> -->
 	<div class="footer">
-		<button @click.stop="toProduct">Continue</button>
+		<button class="general_button smail" @click.stop="toProduct">Continue</button>
 	</div>
 	<footer-navigation is-placeholder />
 </template>
@@ -167,10 +167,8 @@ const { styleList, select } = toRefs(data);
 	}
 	.footer {
 		// position: fixed;
-		width: 100%;
 		bottom: 0;
 		left: 0;
-		height: 11.2rem;
 		display: flex;
 		align-items: center;
 		justify-content: flex-end;
@@ -179,20 +177,7 @@ const { styleList, select } = toRefs(data);
 			position: relative;
 		}
 		> button {
-			width: 24.6rem;
-			height: 5.9rem;
-			border-radius: 0.7rem;
-			box-sizing: content-box;
-			border: 0.3rem solid #000;
-			background-color: #000;
-			font-family: satoshiBold;
-			font-weight: 700;
-			font-size: 3.6rem;
-			color: #fff;
 			margin-right: 5rem;
-			&:active {
-				opacity: 0.7;
-			}
 		}
 	}
 </style>