选择风格、模特、模特设计页面调整

src/views/Workshop/selectModel.vue

@@ -6,8 +6,9 @@ import imgReturn from '@/assets/images/workshop/posture/posture_1.png'
 const router = useRouter()
 //const props = defineProps({
 //})
-//const emit = defineEmits([
-//])
+const emit = defineEmits([
+	'view-type'
+])
 let data = reactive({
 	modelList: 
 	[
@@ -43,6 +44,9 @@ let data = reactive({
 const setSelectedModelId = (item)=>{
 	data.selectedModelId = item.id;
 }
+onMounted(()=>{
+	emit('view-type', 1)
+})
 const toSelectModelContinue = ()=>{
 	router.push({ path: 'selectModelContinue' })
 }
@@ -54,7 +58,7 @@ defineExpose({})
 const { modelList, selectedModelId } = toRefs(data);
 </script>
 <template>
-	<header-title />
+	<header-title style-type="2" />
 	<div class="selectModel">
 		<div class="text">
 			<div class="title">
@@ -75,6 +79,7 @@ const { modelList, selectedModelId } = toRefs(data);
 			</div>
 		</div>
 	</div>
+	<div class="footer placeholder"></div>
 	<div class="footer">
 		<button @click.stop="toSelectModelContinue">Continue</button>
 	</div>
@@ -86,11 +91,13 @@ const { modelList, selectedModelId } = toRefs(data);
 		position: relative;
 		display: flex;
 		flex-direction: column;
+		flex: 1;
+		overflow: hidden;
 		> .text{
 			text-align: center;
 			width: 100%;
-			margin-top: 7rem;
-			margin-bottom: 4rem;
+			margin-top: 3.4rem;
+			margin-bottom: 6rem;
 			> .title{
 				font-family: satoshiBold;
 				font-weight: 700;
@@ -142,20 +149,24 @@ const { modelList, selectedModelId } = toRefs(data);
 		bottom: 0;
 		left: 0;
 		height: 11.2rem;
-		background-color: #000;
 		display: flex;
 		align-items: center;
 		justify-content: flex-end;
+		background-color: #fff;
+		box-shadow: -2.6rem -1.4rem 3.47rem 0 rgba(0, 0, 0, 0.05);
+		&.placeholder{
+			position: relative;
+		}
 		> button {
 			width: 24.6rem;
 			height: 5.9rem;
 			border-radius: 0.7rem;
 			box-sizing: content-box;
-			border: 0.3rem solid #fff;
-			background: transparent;
-			font-family: satoshiRegular;
-			font-weight: 400;
-			font-size: 4rem;
+			border: 0.3rem solid #000;
+			background-color: #000;
+			font-family: satoshiBold;
+			font-weight: 700;
+			font-size: 3.6rem;
 			color: #fff;
 			margin-right: 5rem;
 			&:active {