style: 样式修改

src/views/Workshop/creation/creation-list.vue

@@ -230,7 +230,7 @@ const onContinue = () => {
   display: flex;
   flex-direction: column;
   > .title {
-    font-family: satoshiRegular;
+    font-family: 'satoshiRegular';
     font-size: 9rem;
     text-align: center;
     line-height: 124%;

src/views/Workshop/product.vue

@@ -199,6 +199,7 @@ const { isLoading } = toRefs(data);
 				font-weight: 700;
 				font-size: 9.6rem;
 				line-height: 124%;
+				color: #000;
 			}
 		}
 		> .selectContent{

src/views/Workshop/selectStyle.vue

@@ -118,11 +118,11 @@ const { styleList, select } = toRefs(data);
 				Select the outfit that matches you the most.
 			</div>
 		</div>
-		<div class="selectContent">
+		<div class="selectContent flex-1">
 			<SelectItem :selectList="styleList" v-model:select="select" @selectItem="selectItem" @updateStyle="updateStyle" />
 		</div>
 		<div class="footer">
-			<button @click.stop="toProduct">Continue</button>
+			<button class="flex flex-center" @click.stop="toProduct">Continue</button>
 		</div>
 	</div>
 	<!-- <div class="footer placeholder"></div> -->
@@ -151,12 +151,14 @@ const { styleList, select } = toRefs(data);
 				font-weight: 700;
 				font-size: 9.6rem;
 				line-height: 124%;
+				color: #000;
 			}
 			> .info{
 				font-size: 4rem;
 				font-weight: 400;
 				line-height: 124%;
 				margin-top: 1.3rem;
+				color: rgba(0, 0, 0, 0.6);
 			}
 		}
 		.selectContent{
@@ -166,16 +168,19 @@ const { styleList, select } = toRefs(data);
 	}
 	.footer {
 		// position: fixed;
-		margin-top: 4.4rem;
+		// margin-top: 4.4rem;
 		display: flex;
 		align-items: center;
 		justify-content: flex-end;
-		background-color: #f6f6f6;
+		position: absolute;
+		right: 4.1rem;
+		bottom: 5.6rem;
+		// background-color: #f6f6f6;
 		&.placeholder{
 			position: relative;
 		}
 		> button {
-			margin-right: 5rem;
+			// margin-right: 5rem;
 			border-radius: .7rem;
 			border: 3px solid #000;
 			background-color: #000;
@@ -184,6 +189,8 @@ const { styleList, select } = toRefs(data);
 			font-family: satoshiMedium;
 			font-size: 3.6rem;
 			width: 24.6rem;
+			height: 6.7rem;
+			box-sizing: border-box;
 			line-height: 6.7rem;
 		}
 	}