实现服务页面接入

pages/mall/consumer/home-service/apply.uvue

@@ -1,5 +1,5 @@
 <template>
-	<scroll-view class="page" scroll-y="true">
+	<ServicePageScaffold title="提交服务申请" fallback-url="/pages/mall/consumer/home-service/index">
 		<ServicePanel title="提交服务申请" subtitle="先使用 mock 数据模拟申请受理流程。">
 			<view class="form-item">
 				<text class="label">选择服务</text>
@@ -48,12 +48,13 @@
 
 			<view class="submit-btn" @click="submitApplication">提交申请</view>
 		</ServicePanel>
-	</scroll-view>
+	</ServicePageScaffold>
 </template>
 
 <script setup lang="uts">
 import { reactive, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
+import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
 import ServicePanel from '@/components/homeService/ServicePanel.uvue'
 import { createHomeServiceApplication, fetchHomeServiceCatalog } from '@/services/homeServiceService.uts'
 import { HomeServiceApplicationDraftType, HomeServiceCatalogType } from '@/types/home-service.uts'
@@ -105,13 +106,6 @@ onLoad(() => {
 </script>
 
 <style scoped>
-.page {
-	min-height: 100vh;
-	background: #f3f7f9;
-	padding: 24rpx;
-	box-sizing: border-box;
-}
-
 .form-item {
 	margin-bottom: 24rpx;
 }
@@ -128,13 +122,18 @@ onLoad(() => {
 	width: 100%;
 	background: #f8fbfc;
 	border-radius: 18rpx;
-	padding: 22rpx 24rpx;
 	font-size: 28rpx;
 	color: #23384d;
 	box-sizing: border-box;
 }
 
+.input {
+	height: 84rpx;
+	padding: 0 24rpx;
+}
+
 .textarea {
+	padding: 22rpx 24rpx;
 	height: 160rpx;
 }