个人页面

package/jobIntention/basicInfo.vue

@@ -0,0 +1,481 @@
+<template>
+	<view class="basic-info">
+		<!-- 顶部导航栏 -->
+		<view class="navbar">
+			<view class="navbar-content">
+				<view class="navbar-left" @click="goBack">
+					<u-icon name="arrow-leftward" size="42" color="#333"></u-icon>
+				</view>
+				<view class="navbar-title">基本信息</view>
+				<view class="navbar-right"></view>
+			</view>
+		</view>
+
+		<!-- 表单内容 -->
+		<view class="form-content">
+			<!-- 头像 -->
+			<view class="form-item">
+				<view class="form-label">头像</view>
+				<view class="avatar-container">
+					<image src="../../static/logo.png" class="user-avatar" mode="aspectFill"></image>
+					<view class="edit-avatar-icon">
+						<image src="../../static/images/index/Combined-Shape.svg" style="width: 32rpx;height: 32rpx;" mode=""></image>
+					</view>
+				</view>
+			</view>
+
+			<!-- 姓名 -->
+			<view class="form-item">
+				<view class="form-label">
+					<text class="required-mark">*</text>
+					<text>姓名</text>
+				</view>
+				<input class="form-input" type="text" placeholder="请输入姓名" value="罗维靖" />
+			</view>
+
+			<!-- 性别 -->
+			<view class="form-item">
+				<view class="form-label">
+					<text class="required-mark">*</text>
+					<text>性别</text>
+				</view>
+				<u-radio-group v-model="gender" direction="row">
+					<u-radio name="male" activeColor="#007AFF">男</u-radio>
+					<u-radio name="female" activeColor="#007AFF">女</u-radio>
+				</u-radio-group>
+			</view>
+
+			<!-- 联系方式 -->
+			<view class="form-item">
+				<view class="form-label">联系方式</view>
+				<view class="form-display">188******39</view>
+			</view>
+
+			<!-- 微信号码 -->
+			<view class="form-item">
+				<view class="form-label">微信号码</view>
+				<input class="form-input" type="text" placeholder="请输入微信号码,方便给求职者交换微信联系" />
+			</view>
+
+			<!-- 出生年月 -->
+			<view class="form-item">
+				<view class="form-label">
+					<text class="required-mark">*</text>
+					<text>出生年月</text>
+				</view>
+				<view class="date-picker" @click="showDatePicker = true">
+					<text class="date-text">{{ birthDateText }}</text>
+					<u-icon name="arrow-down" color="#999" size="24"></u-icon>
+				</view>
+				
+				<u-picker 
+					v-model="showDatePicker" 
+					mode="time" 
+					:params="dateParams"
+					@confirm="onDateConfirm"
+				></u-picker>
+			</view>
+
+			<!-- 求职状态 -->
+			<view class="form-item">
+				<view class="form-label">
+					<text class="required-mark">*</text>
+					<text>求职状态</text>
+				</view>
+				<view class="select-picker" @click="showJobStatusPicker">
+					<text class="select-text">{{ selectedJobStatus }}</text>
+					<u-icon name="arrow-down" color="#999" size="24"></u-icon>
+				</view>
+			</view>
+		</view>
+
+		<!-- 保存按钮 -->
+		<view class="save-button">
+			<text class="save-text">保存</text>
+		</view>
+		
+		<!-- 求职状态选择器 -->
+		<u-popup v-model="showJobStatusModal" mode="bottom" border-radius="42" height="auto" :safe-area-inset-bottom="true">
+			<view class="job-status-picker">
+				<view class="picker-header">
+					<text class="picker-title">求职状态</text>
+				</view>
+				
+				<view class="picker-content">
+					<view 
+						class="status-option" 
+						:class="{ active: selectedJobStatus === item.text }"
+						v-for="item in jobStatusList" 
+						:key="item.value"
+						@click="selectJobStatus(item)"
+					>
+						<view class="option-left">
+							<view class="radio-btn" :class="{ checked: selectedJobStatus === item.text }">
+								<u-icon v-if="selectedJobStatus === item.text" name="checkmark" color="#ffffff" size="28"></u-icon>
+							</view>
+							<text class="option-text">{{ item.text }}</text>
+							<view v-if="item.recommended" class="recommend-tag">
+								<text>推荐</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				gender: 'male', // 默认选中男性
+				birthDateText: '1991-11-29', // 显示的日期文本
+				showDatePicker: false, // 控制日期选择器显示
+				dateParams: {
+					year: true,
+					month: true,
+					day: true
+				},
+				// 求职状态相关
+				showJobStatusModal: false,
+				selectedJobStatus: '离职-随时到岗',
+				jobStatusList: [
+					{
+						value: 'unemployed_available',
+						text: '离职-随时到岗',
+						recommended: true
+					},
+					{
+						value: 'employed_monthly',
+						text: '在职-月内到岗',
+						recommended: true
+					},
+					{
+						value: 'employed_considering',
+						text: '在职-考虑机会',
+						recommended: false
+					},
+					{
+						value: 'employed_not_considering',
+						text: '在职-暂不考虑',
+						recommended: false
+					}
+				]
+			}
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack();
+			},
+			// 日期选择确认
+			onDateConfirm(e) {
+				const { year, month, day } = e;
+				this.birthDateText = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+				this.showDatePicker = false;
+			},
+			// 显示求职状态选择器
+			showJobStatusPicker() {
+				this.showJobStatusModal = true;
+			},
+			// 选择求职状态
+			selectJobStatus(item) {
+				this.selectedJobStatus = item.text;
+				this.showJobStatusModal = false;
+				
+				// 可以在这里添加保存状态的逻辑
+				console.log('选择的求职状态:', item);
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.basic-info {
+		background-color: #fff;
+		min-height: 100vh;
+	}
+
+	// 顶部导航栏
+	.navbar {
+		background: #fff;
+		padding: 80rpx 0 40rpx 40rpx;
+        margin-bottom: 30rpx;
+		
+		.navbar-content {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 0 30rpx;
+			height: 60rpx;
+			
+			.navbar-left {
+				width: 60rpx;
+				height: 60rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+			
+			.navbar-title {
+                color: var(--Grayscale/Grayscale 100, rgba(23, 23, 37, 1));
+                font-family: DM Sans;
+                font-size: 18px;
+                font-weight: 700;
+                line-height: 26px;
+                letter-spacing: 0.5%;
+                text-align: center;
+			}
+			
+			.navbar-right {
+				width: 60rpx;
+				height: 60rpx;
+			}
+		}
+	}
+
+	// 表单内容
+	.form-content {
+		padding: 0 30rpx;
+		
+		.form-item {
+			margin-bottom: 30rpx;
+			
+			.form-label {
+                color: var(--Neutral/100, rgba(31, 44, 55, 1));
+                font-family: DM Sans;
+                font-size: 16px;
+                font-weight: 500;
+                line-height: 22px;
+                letter-spacing: 0.5%;
+                text-align: left;
+				display: flex;
+				align-items: center;
+				margin-bottom: 20rpx;
+				
+				.required-mark {
+					color: #FF3B30;
+					font-size: 18px;
+					font-weight: 600;
+					margin-right: 8rpx;
+				}
+				
+				text {
+                    color: var(--Neutral/100, rgba(31, 44, 55, 1));
+                    font-family: DM Sans;
+                    font-size: 16px;
+                    font-weight: 500;
+                    line-height: 22px;
+                    letter-spacing: 0.5%;
+                    text-align: left;
+				}
+			}
+			
+			.form-input {
+				width: 100%;
+                height: 75rpx;
+				font-size: 14px;
+                border: 1px solid rgba(227, 231, 236, 1);
+                border-radius: 24px;
+				color: rgba(23, 23, 37, 1);
+                padding: 12px 16px;
+			}
+			
+			.form-display {
+				color: rgba(23, 23, 37, 1);
+				font-family: DM Sans;
+				font-size: 16px;
+				font-weight: 400;
+				line-height: 22px;
+				letter-spacing: 0%;
+				text-align: left;
+                padding: 15px 0px;
+			}
+			
+			// 头像样式
+			.avatar-container {
+				position: relative;
+				display: inline-block;
+				
+				.user-avatar {
+					width: 80rpx;
+					height: 80rpx;
+					border-radius: 50%;
+				}
+				
+				.edit-avatar-icon {
+					position: absolute;
+					bottom: 10rpx;
+					right: 5rpx;
+					width: 25rpx;
+					height: 25rpx;
+					border-radius: 50%;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
+				}
+			}
+			
+			
+			// 日期选择器样式
+			.date-picker {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				height: 75rpx;
+				font-size: 14px;
+				border: 1px solid rgba(227, 231, 236, 1);
+				border-radius: 24px;
+				color: rgba(23, 23, 37, 1);
+				padding: 12px 16px;
+				
+				.date-text {
+					color: rgba(23, 23, 37, 1);
+					font-family: DM Sans;
+					font-size: 14px;
+					font-weight: 400;
+					line-height: 22px;
+					letter-spacing: 0%;
+					text-align: left;
+				}
+			}
+			
+			// 下拉选择器样式
+			.select-picker {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				height: 75rpx;
+				font-size: 14px;
+				border: 1px solid rgba(227, 231, 236, 1);
+				border-radius: 24px;
+				color: rgba(23, 23, 37, 1);
+				padding: 12px 16px;
+				
+				.select-text {
+					color: rgba(23, 23, 37, 1);
+					font-family: DM Sans;
+					font-size: 14px;
+					font-weight: 400;
+					line-height: 22px;
+					letter-spacing: 0%;
+					text-align: left;
+				}
+			}
+		}
+	}
+
+	// 保存按钮
+	.save-button {
+		position: fixed;
+		bottom: 60rpx;
+		left: 0;
+		right: 0;
+		height: 120rpx;
+        margin: 0 60rpx;
+        border-radius: 24px;
+		background: #007AFF;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		
+		.save-text {
+            color: rgba(255, 255, 255, 1);
+            font-family: DM Sans;
+            font-size: 18px;
+            font-weight: 400;
+            line-height: 24px;
+            letter-spacing: 0.5%;
+            text-align: left;
+		}
+	}
+	
+	// 求职状态选择器样式
+	.job-status-picker {
+		background: #fff;
+		border-radius: 42rpx 42rpx 0 0;
+		
+		.picker-header {
+			padding: 40rpx 40rpx 20rpx 40rpx;
+			text-align: center;
+			border-bottom: 1px solid #f0f0f0;
+			
+			.picker-title {
+				color: rgba(23, 23, 37, 1);
+				font-family: DM Sans;
+				font-size: 18px;
+				font-weight: 600;
+				line-height: 26px;
+				letter-spacing: 0%;
+				text-align: center;
+			}
+		}
+		
+		.picker-content {
+			padding: 20rpx 40rpx 40rpx 40rpx;
+			
+			.status-option {
+				padding: 30rpx 0;
+				border-bottom: 1px solid #f0f0f0;
+				
+				&:last-child {
+					border-bottom: none;
+				}
+				
+				&.active {
+					background-color: rgba(0, 122, 255, 0.05);
+				}
+				
+				.option-left {
+					display: flex;
+					align-items: center;
+					
+					.radio-btn {
+						width: 40rpx;
+						height: 40rpx;
+						border-radius: 50%;
+						border: 2px solid #e0e0e0;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						margin-right: 20rpx;
+						
+						&.checked {
+							background-color: #007AFF;
+							border-color: #007AFF;
+						}
+					}
+					
+					.option-text {
+						flex: 1;
+						color: rgba(23, 23, 37, 1);
+						font-family: DM Sans;
+						font-size: 16px;
+						font-weight: 400;
+						line-height: 22px;
+						letter-spacing: 0%;
+						text-align: left;
+					}
+					
+					.recommend-tag {
+						background-color: #007AFF;
+						border-radius: 8rpx;
+						padding: 4rpx 12rpx;
+						margin-left: 16rpx;
+						
+						text {
+							color: #fff;
+							font-family: DM Sans;
+							font-size: 12px;
+							font-weight: 500;
+							line-height: 16px;
+							letter-spacing: 0%;
+							text-align: center;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>

pages.json

@@ -129,6 +129,13 @@
 				"navigationStyle": "custom"
 			}
 		},
+		{
+			"path": "pages/my/personalCenter",
+			"style": {
+				"navigationBarTitleText": "个人中心",
+				"navigationStyle": "custom"
+			}
+		},
 		{
 			"path": "pages/my/workExperience",
 			"style": {
@@ -556,6 +563,14 @@
 						"navigationStyle": "custom"
 					}
 				},
+				{
+					"path": "jobIntention/basicInfo",
+					"style": {
+						"navigationBarTitleText": "基本信息",
+						"enablePullDownRefresh": false,
+						"navigationStyle": "custom"
+					}
+				},
 				{
 					"path": "blackList/blackList",
 					"style": {

pages/my/onlineResume.vue

@@ -15,7 +15,7 @@
 		<view class="user-profile">
 			<view class="avatar-container">
 				<image src="../../static/logo.png" class="user-avatar" mode="aspectFill"></image>
-				<view class="edit-avatar-icon">
+				<view class="edit-avatar-icon" @click="goToBasicInfo">
 					<image src="../../static/images/index/Combined-Shape.svg" style="width: 32rpx;height: 32rpx;" mode=""></image>
 				</view>
 			</view>
@@ -131,7 +131,7 @@
 				<view class="experience-list">
 					<view class="experience-item">
 						<view class="company-logo">
-							<!-- <image src="../../static/images/index/company-logo-1.png" class="logo-img" mode="aspectFit"></image> -->
+							<image src="../../static/images/index/changsha.svg" class="logo-img" mode="aspectFit"></image>
 						</view>
 						<view class="experience-content">
 							<view class="job-info-row">
@@ -156,7 +156,7 @@
 					
 					<view class="experience-item">
 						<view class="company-logo">
-							<!-- <image src="../../static/images/index/company-logo-2.png" class="logo-img" mode="aspectFit"></image> -->
+							<image src="../../static/images/index/changsha.svg" class="logo-img" mode="aspectFit"></image>
 						</view>
 						<view class="experience-content">
 							<view class="job-info-row">
@@ -181,7 +181,7 @@
 					
 					<view class="experience-item">
 						<view class="company-logo">
-							<!-- <image src="../../static/images/index/company-logo-3.png" class="logo-img" mode="aspectFit"></image> -->
+							<image src="../../static/images/index/changsha.svg" class="logo-img" mode="aspectFit"></image>
 						</view>
 						<view class="experience-content">
 							<view class="job-info-row">
@@ -222,7 +222,7 @@
 				<view class="education-list">
 					<view class="education-item">
 						<view class="school-logo">
-							<!-- <image src="../../static/images/index/harvard-logo.png" class="logo-img" mode="aspectFit"></image> -->
+							<image src="../../static/images/index/wuhan.svg" class="logo-img" mode="aspectFit"></image>
 						</view>
 						<view class="education-content">
 							<view class="school-name">武汉工程大学</view>
@@ -235,7 +235,7 @@
 					
 					<view class="education-item">
 						<view class="school-logo">
-							<!-- <image src="../../static/images/index/harvard-logo.png" class="logo-img" mode="aspectFit"></image> -->
+							<image src="../../static/images/index/wuhan.svg" class="logo-img" mode="aspectFit"></image>
 						</view>
 						<view class="education-content">
 							<view class="school-name">武汉工程大学</view>
@@ -309,6 +309,13 @@
 					url: `/pages/my/workExperience?businessTypes=${encodeURIComponent(JSON.stringify(businessTypes))}`
 				})
 			},
+			goToBasicInfo() {
+				console.log('1111111');
+				
+				uni.navigateTo({
+					url: '/package/jobIntention/basicInfo'
+				})
+			},
 			getBusinessTypes() {
 				// 根据是否有跨境电商经验返回业务类型
 				if (this.hasEcommerceExperience) {
@@ -829,6 +836,7 @@
 							width: 100%;
 							height: 100%;
 							border-radius: 8rpx;
+							
 						}
 					}
 					
@@ -844,7 +852,7 @@
 						.job-title {
                             color: rgba(23, 23, 37, 1);
                             font-family: DM Sans;
-                            font-size: 16px;
+                            font-size: 32rpx;
                             font-weight: 400;
                             line-height: 22px;
                             letter-spacing: 0%;
@@ -868,35 +876,35 @@
 							justify-content: flex-start;
 							margin-bottom: 12rpx;
                             gap: 12rpx;
+							padding: 12rpx 0;
 						}
 						
 						.company-name {
-                            color: rgba(120, 130, 138, 1);
-                            font-family: DM Sans;
-                            font-size: 12px;
-                            font-weight: 400;
-                            line-height: 10px;
-                            letter-spacing: 0%;
-                            text-align: left;
-
+							color: rgba(120, 130, 138, 1);
+							font-family: DM Sans;
+							font-size: 20rpx;
+							font-weight: 400;
+							line-height: 10px;
+							letter-spacing: 0.5%;
+							text-align: left;
 						}
 						
 						.work-period {
-                            color: rgba(120, 130, 138, 1);
-                            font-family: DM Sans;
-                            font-size: 12px;
-                            font-weight: 400;
-                            line-height: 10px;
-                            letter-spacing: 0%;
-                            text-align: left;
+							color: rgba(120, 130, 138, 1);
+							font-family: DM Sans;
+							font-size: 20rpx;
+							font-weight: 400;
+							line-height: 10px;
+							letter-spacing: 0.5%;
+							text-align: left;
 						}
 						
 						.job-description {
                             color: rgba(120, 130, 138, 1);
                             font-family: DM Sans;
-                            font-size: 12px;
+                            font-size: 20rpx;
                             font-weight: 400;
-                            line-height: 14px;
+                            line-height: 24rpx;
                             letter-spacing: 0%;
                             text-align: left;
 						}
@@ -908,10 +916,9 @@
                             margin-top: 12rpx;
 							
 							.tag {
-								background: rgba(248, 249, 250, 1);
-								border: 1rpx solid rgba(227, 231, 236, 1);
+								background: rgba(153, 153, 153, 0.1);
 								border-radius: 12rpx;
-								padding: 4rpx;
+								padding: 6rpx;
                                 color: rgba(102, 102, 102, 1);
                                 font-family: DM Sans;
                                 font-size: 12px;
@@ -992,17 +999,18 @@
 						.degree-info {
                             color: rgba(120, 130, 138, 1);
                             font-family: DM Sans;
-                            font-size: 12px;
+                            font-size: 20rpx;
                             font-weight: 500;
                             line-height: 24px;
                             letter-spacing: 0%;
                             text-align: left;
+							padding: 12rpx 0;
 						}
 						
 						.education-description {
                             color: rgba(120, 130, 138, 1);
                             font-family: DM Sans;
-                            font-size: 12px;
+                            font-size: 20rpx;
                             font-weight: 400;
                             line-height: 16px;
                             letter-spacing: 0%;
@@ -1045,9 +1053,9 @@
 				gap: 16rpx;
 				
 				.skill-tag {
-                    padding: 16rpx;
+                    padding: 32rpx;
                     border: 1px solid  rgba(236, 241, 246, 1);
-                    border-radius: 24px;
+                    border-radius: 64rpx;
                     color: rgba(23, 23, 37, 1);
                     font-family: DM Sans;
                     font-size: 14px;

pages/my/personalCenter.vue

@@ -0,0 +1,473 @@
+<template>
+	<view class="personal-center">
+		<!-- 头部用户信息区域 -->
+		<view class="header-section">
+			<!-- 设置和通知图标 -->
+			<view class="header-icons">
+                <image src="../../static/images/index/Myset.svg" style="width: 32rpx;height: 32rpx;" mode="aspectFill"></image>
+                <image src="../../static/images/index/setting.svg" style="width: 32rpx;height: 32rpx;" mode="aspectFill"></image>
+			</view>
+			
+			<!-- 用户信息 -->
+			<view class="user-info">
+				<view class="avatar-container">
+					<image src="../../static/logo.png" class="user-avatar" mode="aspectFill"></image>
+				</view>
+				<view class="user-details">
+					<view class="user-name">罗维靖</view>
+					<view class="resume-info">
+						<text class="resume-text">在线简历</text>
+						<image class="edit-icon" src="../../static/images/index/myEdit.svg"></image>
+					</view>
+				</view>
+				<u-icon name="arrow-right" color="rgba(255, 255, 255, 1)" size="32"></u-icon>
+			</view>
+		</view>
+
+		<!-- 统计数据栏 -->
+		<view class="stats-bar">
+			<view class="stat-item">
+				<text class="stat-number">34</text>
+				<text class="stat-label">沟通通过</text>
+			</view>
+			<view class="stat-item">
+				<text class="stat-number">56</text>
+				<text class="stat-label">已投简历</text>
+			</view>
+			<view class="stat-item">
+				<text class="stat-number">666</text>
+				<text class="stat-label">待面试</text>
+			</view>
+			<view class="stat-item">
+				<text class="stat-number">6</text>
+				<text class="stat-label">收藏</text>
+			</view>
+		</view>
+
+		<!-- 推广横幅 -->
+		<view class="promo-banner">
+			<view class="banner-content">
+				<view class="banner-text">
+					<text class="banner-title">牛人找资金</text>
+					<text class="banner-subtitle">带上你的超级项目,这里有无限的可能</text>
+				</view>
+				<view class="banner-button">
+					<text class="button-text">立即参与</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 快速功能区域 -->
+		<view class="quick-functions">
+			<view class="function-item">
+				<image src="../../static/images/index/icon_32_全屋智能.svg" class="function-icon"></image>
+				<text class="function-text">在线简历</text>
+			</view>
+			<view class="function-item">
+				<image src="../../static/images/index/icon_32_产品百科.svg" class="function-icon"></image>
+				<text class="function-text">附件简历</text>
+			</view>
+			<view class="function-item">
+				<image src="../../static/images/index/icon_32_服务中心.svg" class="function-icon"></image>
+				<text class="function-text">求职意向</text>
+			</view>
+			<view class="function-item">
+				<image src="../../static/images/index/icon_32_热门活动.svg" class="function-icon"></image>
+				<text class="function-text">项目中心</text>
+			</view>
+		</view>
+
+		<!-- 更多功能区域 -->
+		<view class="more-functions">
+			<text class="section-title">更多功能</text>
+			<view class="function-grid">
+				<view class="function-item">
+					<image src="../../static/images/index/moreSkill1.svg" class="function-icon"></image>
+					<text class="function-text">猎头服务</text>
+				</view>
+				<view class="function-item">
+					<image src="../../static/images/index/moreSkill2.svg" class="function-icon"></image>
+					<text class="function-text">精选公司</text>
+				</view>
+				<view class="function-item">
+					<image src="../../static/images/index/moreSkill3.svg" class="function-icon"></image>
+					<text class="function-text">规则中心</text>
+				</view>
+				<view class="function-item">
+					<image src="../../static/images/index/moreSkill4.svg" class="function-icon"></image>
+					<text class="function-text">联系客服</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 联系信息 -->
+		<view class="contact-info">
+			<text class="contact-text">客服电话 400-000-0100 工作时间08:00-22:00</text>
+			<text class="legal-text">人力资源服务许可证 营业执照 深圳市人社局监督电话</text>
+			<text class="icp-text">粤ICP备231231311231号-23A 粤ICP证12313131号</text>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			
+		}
+	},
+	methods: {
+		
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.personal-center {
+	min-height: 100vh;
+	background: url('../../static/images/index/myBc.png') no-repeat;
+	background-size: 100% 40%;
+	background-position: top center;
+    padding-top: 80rpx;
+}
+
+// 顶部状态栏
+.status-bar {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 20rpx 40rpx;
+	background-color: #fff;
+	
+	.time {
+		color: #000;
+		font-size: 32rpx;
+		font-weight: 600;
+	}
+	
+	.status-icons {
+		display: flex;
+		gap: 16rpx;
+		
+		.signal-icon, .wifi-icon, .battery-icon {
+			width: 24rpx;
+			height: 24rpx;
+			background-color: #000;
+			border-radius: 4rpx;
+		}
+	}
+}
+
+// 头部用户信息区域
+.header-section {
+	// background: linear-gradient(135deg, #007AFF 0%, #5AC8FA 100%);
+	padding: 40rpx 32rpx;
+	position: relative;
+	
+	.header-icons {
+		display: flex;
+		justify-content: flex-end;
+		gap: 32rpx;
+		margin-bottom: 40rpx;
+		
+		.notification-icon, .settings-icon {
+			width: 48rpx;
+			height: 48rpx;
+			background-color: rgba(255, 255, 255, 0.2);
+			border-radius: 50%;
+		}
+	}
+	
+	.user-info {
+		display: flex;
+		align-items: center;
+		gap: 32rpx;
+		
+		.avatar-container {
+			.user-avatar {
+				width: 128rpx;
+				height: 128rpx;
+				border-radius: 50%;
+			}
+		}
+		
+		.user-details {
+			flex: 1;
+			
+			.user-name {
+                color: rgba(255, 255, 255, 1);
+                font-family: DM Sans;
+                font-size: 48rpx;
+                font-weight: 400;
+                line-height: 72rpx;
+                letter-spacing: 0.5%;
+                text-align: left;
+			}
+			
+			.resume-info {
+				display: flex;
+				align-items: center;
+				gap: 16rpx;
+				
+				.resume-text {
+                    color: rgba(255, 255, 255, 1);
+                    font-family: DM Sans;
+                    font-size: 24rpx;
+                    font-weight: 400;
+                    line-height: 32rpx;
+                    letter-spacing: 0%;
+                    text-align: left;
+				}
+				
+				.edit-icon {
+					width: 32rpx;
+					height: 32rpx;
+					border-radius: 8rpx;
+				}
+			}
+		}
+		
+	}
+}
+
+// 统计数据栏
+.stats-bar {
+	border-radius: 24rpx;
+	display: flex;
+	justify-content: space-around;
+	
+	.stat-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 8rpx;
+		
+		.stat-number {
+            color: rgba(255, 255, 255, 1);
+            font-family: DM Sans;
+            font-size: 36rpx;
+            font-weight: 400;
+            line-height: 26px;
+            letter-spacing: 0%;
+            text-align: center;
+		}
+		
+		.stat-label {
+            color: rgba(255, 255, 255, 1);
+            font-family: DM Sans;
+            font-size: 28rpx;
+            font-weight: 400;
+            line-height: 20px;
+            letter-spacing: 0%;
+            text-align: center;
+		}
+	}
+}
+
+// 推广横幅
+.promo-banner {
+	margin: 40rpx;
+	background: var(--线性渐变, linear-gradient(90.00deg, rgba(13, 39, 247, 1),rgba(19, 193, 234, 1) 100%));
+	border-radius: 24rpx;
+	padding: 16rpx 40rpx;
+	
+	.banner-content {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		
+		.banner-text {
+			flex: 1;
+			
+			.banner-title {
+				color: rgba(255, 255, 255, 1);
+				font-family: HarmonyOS Sans SC;
+				font-size: 32rpx;
+				font-weight: 900;
+				line-height: 48rpx;
+				letter-spacing: 0%;
+				text-align: left;
+				display: block;
+				margin-bottom: 8rpx;
+				transform: skew(-10deg);
+			}
+			
+			.banner-subtitle {
+				color: rgba(255, 255, 255, 0.7);
+				font-family: HarmonyOS Sans SC;
+				font-size: 26rpx;
+				font-weight: 400;
+				line-height: 36rpx;
+				letter-spacing: 0%;
+				text-align: left;
+				display: block;
+			}
+		}
+		
+		.banner-button {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 138rpx;
+            height: 48rpx;
+            border-radius: 26px;
+            background: #FFFFFF;
+			
+			.button-text {
+                background: var(--线性渐变, linear-gradient(90.00deg, rgba(13, 39, 247, 1),rgba(19, 193, 234, 1) 100%));
+                -webkit-background-clip:text;
+                -webkit-text-fill-color:transparent;
+                background-clip:text;
+                text-fill-color:transparent;
+                font-family: HarmonyOS Sans SC;
+                font-size: 26rpx;
+                font-weight: 500;
+                line-height: 18px;
+                letter-spacing: 0%;
+                text-align: left;
+			}
+		}
+	}
+}
+
+// 快速功能区域
+.quick-functions {
+	margin: 0 32rpx;
+	border-radius: 24rpx;
+	padding: 48rpx;
+	display: flex;
+	justify-content: space-between;
+	
+	.function-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 16rpx;
+		
+		.function-icon {
+			width: 64rpx;
+			height: 64rpx;
+		}
+		
+		.function-text {
+			color: rgba(56, 58, 63, 1);
+			font-family: DM Sans;
+			font-size: 24rpx;
+			font-weight: 400;
+			line-height: 18px;
+			letter-spacing: 0%;
+			text-align: center;
+		}
+	}
+}
+
+// 更多功能区域
+.more-functions {
+	margin: 0 32rpx;
+	padding: 24rpx 48rpx 48rpx 48rpx;
+	background: #fff;
+	border-radius: 24rpx;
+	
+	.section-title {
+		color: rgba(29, 33, 41, 1);
+		font-family: DM Sans;
+		font-size: 28rpx;
+		font-weight: 500;
+		line-height: 44rpx;
+		letter-spacing: 0%;
+		text-align: left;
+	}
+	
+	.function-grid {
+		margin-top: 24rpx;
+		display: flex;
+		justify-content: space-between;
+		border-top: 0.5px solid rgba(238, 238, 238, 1);
+		padding-top: 16rpx;
+		
+		.function-item {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			gap: 16rpx;
+			
+			.function-icon {
+				width: 48rpx;
+				height: 48rpx;
+			}
+			
+			.function-text {
+				color: #333;
+				font-size: 24rpx;
+				font-weight: 500;
+			}
+		}
+	}
+}
+
+// 联系信息
+.contact-info {
+	margin: 0 40rpx 120rpx 40rpx;
+	padding: 40rpx;
+	
+	.contact-text, .legal-text, .icp-text {
+		display: block;
+		color: rgba(153, 153, 153, 1);
+		font-family: DM Sans;
+		font-size: 18rpx;
+		font-weight: 400;
+		line-height: 1.6;
+		letter-spacing: 0%;
+		text-align: center;
+		margin-bottom: 8rpx;
+	}
+}
+
+// 底部导航栏
+.bottom-nav {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background: #fff;
+	border-top: 1rpx solid #f0f0f0;
+	padding: 20rpx 0;
+	display: flex;
+	justify-content: space-around;
+	
+	.nav-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 8rpx;
+		
+		.nav-icon {
+			width: 48rpx;
+			height: 48rpx;
+			border-radius: 12rpx;
+			background-color: #ccc;
+			
+			&.home-icon, &.urgent-icon, &.message-icon {
+				background-color: #ccc;
+			}
+			
+			&.personal-icon {
+				background-color: #007AFF;
+			}
+		}
+		
+		.nav-text {
+			font-size: 20rpx;
+			color: #999;
+			
+			.active & {
+				color: #007AFF;
+			}
+		}
+		
+		&.active .nav-text {
+			color: #007AFF;
+		}
+	}
+}
+</style>

static/images/index/icon_32_产品百科.svg

@@ -0,0 +1,44 @@
+<svg viewBox="0 0 32 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.000000" height="36.000000" fill="none" customFrame="#000000">
+	<defs>
+		<g id="pixso_custom_effect_2">
+			<effect visibility="visible" effectType="gaussianBlur" stdDeviation="9" />
+		</g>
+		<filter id="filter_2" width="29.000000" height="36.000000" x="0.000000" y="0.000000" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_2)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend result="shape" in="SourceGraphic" in2="BackgroundImageFix" mode="normal" />
+			<feGaussianBlur stdDeviation="3" result="effect_layerBlur_1" />
+		</filter>
+		<g id="pixso_custom_effect_3">
+			<effect visibility="visible" effectType="gaussianBlur" stdDeviation="9" />
+		</g>
+		<filter id="filter_3" width="30.000000" height="31.000000" x="0.000000" y="0.000000" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_3)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend result="shape" in="SourceGraphic" in2="BackgroundImageFix" mode="normal" />
+			<feGaussianBlur stdDeviation="3" result="effect_layerBlur_1" />
+		</filter>
+		<g id="pixso_custom_effect_4">
+			<effect visibility="visible" effectType="backgroundBlur" saturation="0" stdDeviation="8" />
+		</g>
+		<filter id="filter_4" width="23.000000" height="30.000000" x="2.000000" y="2.000000" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_4)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feGaussianBlur stdDeviation="2.66666675" in="BackgroundImage" />
+			<feComposite result="effect_backgroundBlur_1" in2="SourceAlpha" operator="in" />
+			<feBlend result="shape" in="SourceGraphic" in2="effect_backgroundBlur_1" mode="normal" />
+		</filter>
+	</defs>
+	<rect id="icon/32/产品百科" width="32.000000" height="32.000000" x="0.000000" y="1.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<rect id="Rectangle 62" width="32.000000" height="32.000000" x="0.000000" y="1.000000" opacity="0" fill="rgb(196,196,196)" />
+	<rect id="Rectangle 726" width="16.000000" height="24.000000" x="14.000000" y="8.000000" rx="2.000000" fill="rgb(0,131,245)" />
+	<g filter="url(#filter_2)">
+		<rect id="Rectangle 727" width="11.000000" height="18.000000" x="9.000000" y="9.000000" rx="2.000000" fill="rgb(0,131,245)" />
+	</g>
+	<g filter="url(#filter_3)">
+		<rect id="Rectangle 728" width="12.000000" height="13.000000" x="9.000000" y="9.000000" rx="2.000000" fill="rgb(0,131,245)" />
+	</g>
+	<g filter="url(#filter_4)">
+		<rect id="Rectangle 725" width="23.000000" height="30.000000" x="2.000000" y="2.000000" rx="2.000000" fill="rgb(219.938,238.685,255)" fill-opacity="0.5" />
+	</g>
+	<rect id="Rectangle 727" width="5.000000" height="4.000000" x="5.000000" y="8.000000" rx="1.000000" fill="rgb(255,255,255)" />
+	<rect id="Rectangle 730" width="15.000000" height="2.420000" x="5.000000" y="22.000000" rx="1.210000" fill="rgb(255,255,255)" />
+	<rect id="Rectangle 731" width="11.000000" height="2.420000" x="5.000000" y="27.000000" rx="1.210000" fill="rgb(255,255,255)" />
+</svg>

static/images/index/icon_32_全屋智能.svg

@@ -0,0 +1,35 @@
+<svg viewBox="0 0 32 34.1338" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.000000" height="34.133789" fill="none" customFrame="#000000">
+	<defs>
+		<g id="pixso_custom_effect_0">
+			<effect visibility="visible" effectType="gaussianBlur" stdDeviation="7.01885605" />
+		</g>
+		<filter id="filter_0" width="26.069336" height="28.075195" x="2.994141" y="6.058594" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_0)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend result="shape" in="SourceGraphic" in2="BackgroundImageFix" mode="normal" />
+			<feGaussianBlur stdDeviation="2.33961868" result="effect_layerBlur_1" />
+		</filter>
+		<g id="pixso_custom_effect_1">
+			<effect visibility="visible" effectType="backgroundBlur" saturation="0" stdDeviation="8.02155018" />
+		</g>
+		<filter id="filter_1" width="26.872070" height="29.970703" x="0.972656" y="1.029297" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_1)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feGaussianBlur stdDeviation="2.67385006" in="BackgroundImage" />
+			<feComposite result="effect_backgroundBlur_1" in2="SourceAlpha" operator="in" />
+			<feBlend result="shape" in="SourceGraphic" in2="effect_backgroundBlur_1" mode="normal" />
+		</filter>
+	</defs>
+	<rect id="icon/32/全屋智能" width="32.000000" height="32.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<rect id="Rectangle 62" width="32.000000" height="32.000000" x="0.000000" y="0.000000" opacity="0" fill="rgb(196,196,196)" />
+	<g id="Group 7">
+		<path id="Rectangle 723" d="M21.3955 16.1035L29.2572 19.4933C30.357 19.9675 31.0694 21.0504 31.0694 22.2481L31.0694 28.9951C31.0694 30.1026 30.1716 31.0005 29.064 31.0005L21.3955 31.0005L21.3955 16.1035Z" fill="rgb(255,64,113)" fill-rule="nonzero" />
+		<g filter="url(#filter_0)">
+			<path id="Vector" d="M16.0289 27.1149C19.3515 27.1149 22.045 23.9724 22.045 20.096C22.045 16.2196 19.3515 13.0771 16.0289 13.0771C12.7062 13.0771 10.0127 16.2196 10.0127 20.096C10.0127 23.9724 12.7062 27.1149 16.0289 27.1149Z" fill="rgb(255,64,112)" fill-rule="evenodd" />
+		</g>
+		<g filter="url(#filter_1)">
+			<path id="Union" d="M13.6681 1.28476L1.42057 11.0739C0.546798 11.77 1.03552 13.1917 2.16105 13.1917L4.70895 13.1917L4.70895 29.9793C4.70895 30.5409 5.2421 31.0003 5.89372 31.0003L24.1096 31.0003L24.1096 13.1917L26.6562 13.1917C27.7817 13.1917 28.2704 11.7848 27.3967 11.0739L15.1491 1.28476C14.7196 0.944141 14.0976 0.944141 13.6681 1.28476Z" fill="rgb(255,208.25,220.717)" fill-opacity="0.5" fill-rule="evenodd" />
+		</g>
+		<path id="Union" transform="matrix(nan,nan,nan,nan,nan,nan)" />
+		<rect id="Rectangle 722" width="2.428077" height="6.177727" x="0.000000" y="0.000000" rx="1.214038" fill="rgb(255,255,255)" transform="matrix(-4.37114e-08,1,-1,-4.37114e-08,13.96,26.1504)" />
+		<rect id="Rectangle 724" width="2.428077" height="6.177727" x="0.000000" y="0.000000" rx="1.214038" fill="rgb(255,255,255)" transform="matrix(-4.37114e-08,1,-1,-4.37114e-08,13.96,21.123)" />
+	</g>
+</svg>

static/images/index/icon_32_服务中心.svg

@@ -0,0 +1,31 @@
+<svg viewBox="0 0 32 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.000000" height="36.000000" fill="none" customFrame="#000000">
+	<defs>
+		<g id="pixso_custom_effect_5">
+			<effect visibility="visible" effectType="gaussianBlur" stdDeviation="10" />
+		</g>
+		<filter id="filter_5" width="31.000000" height="36.000000" x="1.000000" y="0.000000" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_5)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend result="shape" in="SourceGraphic" in2="BackgroundImageFix" mode="normal" />
+			<feGaussianBlur stdDeviation="3.33333325" result="effect_layerBlur_1" />
+		</filter>
+		<g id="pixso_custom_effect_6">
+			<effect visibility="visible" effectType="backgroundBlur" saturation="0" stdDeviation="9" />
+		</g>
+		<filter id="filter_6" width="20.000000" height="29.000000" x="4.000000" y="7.000000" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_6)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feGaussianBlur stdDeviation="3" in="BackgroundImage" />
+			<feComposite result="effect_backgroundBlur_1" in2="SourceAlpha" operator="in" />
+			<feBlend result="shape" in="SourceGraphic" in2="effect_backgroundBlur_1" mode="normal" />
+		</filter>
+	</defs>
+	<rect id="icon/32/服务中心" width="32.000000" height="32.000000" x="0.000000" y="3.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<rect id="Rectangle 62" width="32.000000" height="32.000000" x="0.000000" y="3.000000" opacity="0" fill="rgb(196,196,196)" />
+	<path id="Rectangle 737" d="M12 4L23 4C25.7614 4 28 6.23858 28 9L28 26C28 27.1046 27.1046 28 26 28L12 28C10.8954 28 10 27.1046 10 26L10 6C10 4.89543 10.8954 4 12 4Z" fill="rgb(20,211,192)" fill-rule="nonzero" />
+	<g filter="url(#filter_5)">
+		<rect id="Rectangle 738" width="11.000000" height="16.000000" x="11.000000" y="10.000000" rx="2.000000" fill="rgb(20,211,192)" />
+	</g>
+	<g filter="url(#filter_6)">
+		<path id="Rectangle 736" d="M6 7L22 7C23.1046 7 24 7.89543 24 9L24 31.9251C24 33.5868 22.091 34.5237 20.7765 33.5072L15.2235 29.2128C14.503 28.6556 13.497 28.6556 12.7765 29.2128L7.2235 33.5072C5.90898 34.5237 4 33.5868 4 31.9251L4 9C4 7.89543 4.89543 7 6 7Z" fill="rgb(197.625,255,249.293)" fill-opacity="0.5" fill-rule="nonzero" />
+	</g>
+	<path id="Rectangle 731" d="M10.21 10L17.79 10C18.4583 10 19 10.5417 19 11.21C19 11.8783 18.4583 12.42 17.79 12.42L10.21 12.42C9.54174 12.42 9 11.8783 9 11.21C9 10.5417 9.54174 10 10.21 10Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
+</svg>

static/images/index/icon_32_热门活动.svg

@@ -0,0 +1,44 @@
+<svg viewBox="0 0 33.9277 42.9727" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.927734" height="42.972656" fill="none" customFrame="#000000">
+	<defs>
+		<g id="pixso_custom_effect_10">
+			<effect visibility="visible" effectType="gaussianBlur" stdDeviation="12" />
+		</g>
+		<filter id="filter_10" width="28.404297" height="36.972656" x="2.328125" y="5.972656" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_10)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend result="shape" in="SourceGraphic" in2="BackgroundImageFix" mode="normal" />
+			<feGaussianBlur stdDeviation="4" result="effect_layerBlur_1" />
+		</filter>
+		<g id="pixso_custom_effect_11">
+			<effect visibility="visible" effectType="gaussianBlur" stdDeviation="15" />
+		</g>
+		<filter id="filter_11" width="33.927734" height="42.972656" x="0.000000" y="0.000000" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_11)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feBlend result="shape" in="SourceGraphic" in2="BackgroundImageFix" mode="normal" />
+			<feGaussianBlur stdDeviation="5" result="effect_layerBlur_1" />
+		</filter>
+		<g id="pixso_custom_effect_12">
+			<effect visibility="visible" effectType="backgroundBlur" saturation="0" stdDeviation="11" />
+		</g>
+		<filter id="filter_12" width="28.000000" height="24.000000" x="2.927734" y="10.961914" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_12)" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feGaussianBlur stdDeviation="3.66666675" in="BackgroundImage" />
+			<feComposite result="effect_backgroundBlur_1" in2="SourceAlpha" operator="in" />
+			<feBlend result="shape" in="SourceGraphic" in2="effect_backgroundBlur_1" mode="normal" />
+		</filter>
+	</defs>
+	<rect id="icon/32/热门活动" width="32.000000" height="32.000000" x="0.927734" y="3.972656" fill="rgb(255,255,255)" fill-opacity="0" />
+	<rect id="Rectangle 62" width="32.000000" height="32.000000" x="0.655273" y="3.972656" opacity="0" fill="rgb(196,196,196)" />
+	<g filter="url(#filter_10)">
+		<path id="Union" d="M15.8853 19.0856L16.5303 21.7723L17.1752 19.0856C17.5314 17.6017 18.109 17.6017 18.4652 19.0856C18.8214 20.5694 18.8214 22.9752 18.4652 24.4591L17.1752 29.8326L17.1752 29.8326C17.153 29.9254 17.1298 30.0123 17.106 30.0934C17.0276 30.3597 16.9411 30.5636 16.8502 30.7051C16.5258 31.2102 16.1462 30.9194 15.8853 29.8326C15.8844 29.8291 15.8836 29.8255 15.8827 29.8219L14.5953 24.4591C14.2391 22.9752 14.2391 20.5694 14.5953 19.0856C14.9515 17.6017 15.529 17.6017 15.8853 19.0856Z" fill="rgb(242,106,19)" fill-opacity="0.5" fill-rule="evenodd" />
+	</g>
+	<g filter="url(#filter_11)">
+		<path id="Union" d="M16.3886 16.1129L16.9638 18.7997L17.539 16.1129C17.8566 14.6291 18.3717 14.6291 18.6893 16.1129C19.007 17.5968 19.007 20.0026 18.6893 21.4864L17.539 26.8599L17.539 26.86C17.5191 26.9527 17.4985 27.0396 17.4772 27.1208C17.4185 27.3443 17.3547 27.5238 17.2879 27.6594C16.9905 28.2621 16.6317 27.9957 16.3886 26.86C16.3879 26.8568 16.3873 26.8537 16.3866 26.8506L15.2382 21.4864C14.9206 20.0026 14.9206 17.5968 15.2382 16.1129C15.5559 14.629 16.0709 14.629 16.3886 16.1129Z" fill="rgb(242,106,19)" fill-rule="evenodd" />
+	</g>
+	<g id="Group 8">
+		<path id="Union" d="M9.14203 5.98412C7.83026 7.33274 7.83026 9.51927 9.14203 10.8679L12.1771 13.9883L9.45331 16.7886C8.14154 18.1372 8.14154 20.3238 9.45331 21.6724C10.7651 23.021 12.8919 23.021 14.2037 21.6724L16.9275 18.872L19.7573 21.7813C21.069 23.1299 23.1958 23.1299 24.5076 21.7813C25.8194 20.4327 25.8194 18.2461 24.5076 16.8975L21.6778 13.9883L24.7129 10.8679C26.0247 9.51928 26.0247 7.33274 24.7129 5.98412C23.4012 4.6355 21.2744 4.6355 19.9626 5.98412L17.6443 8.36752C17.2517 8.77119 16.6033 8.77119 16.2107 8.36752L13.8924 5.98412C12.5806 4.6355 10.4538 4.6355 9.14203 5.98412Z" fill="rgb(242,106,19)" fill-rule="evenodd" />
+		<g filter="url(#filter_12)">
+			<path id="Union" d="M30.9277 12.5271C30.9277 11.6627 30.227 10.9619 29.3625 10.9619L4.49295 10.9619C3.62851 10.9619 2.92773 11.6627 2.92773 12.5271C2.92773 13.3916 3.62851 14.0923 4.49295 14.0923L5.72774 14.0923L5.72774 32.9619C5.72774 34.0665 6.62317 34.9619 7.72774 34.9619L26.1277 34.9619C27.2323 34.9619 28.1277 34.0665 28.1277 32.9619L28.1277 14.0923L29.3625 14.0923C30.227 14.0923 30.9277 13.3916 30.9277 12.5271Z" fill="rgb(255,218.713,195.5)" fill-opacity="0.5" fill-rule="evenodd" />
+		</g>
+	</g>
+	<path id="Rectangle 731" d="M10.1377 29.9727L15.7177 29.9727C16.386 29.9727 16.9277 30.5144 16.9277 31.1827C16.9277 31.8509 16.386 32.3927 15.7177 32.3927L10.1377 32.3927C9.46947 32.3927 8.92773 31.8509 8.92773 31.1827C8.92773 30.5144 9.46947 29.9727 10.1377 29.9727Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
+</svg>

static/images/index/moreSkill2.svg

@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="icon-占位符" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
+	<g id="star" clip-path="url(#clipPath_0)" customFrame="url(#clipPath_0)">
+		<rect id="star" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
+		<path id="Vector (Stroke)" d="M12 1.25C12.2855 1.25 12.5462 1.41205 12.6726 1.66803L15.5882 7.57485L22.1085 8.52789C22.3909 8.56917 22.6254 8.76717 22.7135 9.03868C22.8015 9.31018 22.7278 9.60812 22.5233 9.80727L17.8059 14.402L18.9192 20.8932C18.9675 21.1746 18.8518 21.459 18.6208 21.6268C18.3898 21.7946 18.0836 21.8167 17.8309 21.6838L12 18.6174L6.16911 21.6838C5.91642 21.8167 5.6102 21.7946 5.37922 21.6268C5.14824 21.459 5.03255 21.1746 5.08082 20.8932L6.19413 14.402L1.47672 9.80727C1.27226 9.60812 1.19855 9.31018 1.28659 9.03868C1.37462 8.76717 1.60913 8.56917 1.89155 8.52789L8.41183 7.57485L11.3275 1.66803C11.4538 1.41205 11.7146 1.25 12 1.25ZM12 3.69444L9.58255 8.59197C9.4734 8.8131 9.26251 8.96645 9.01849 9.00212L3.61133 9.79245L7.52332 13.6027C7.70023 13.775 7.78097 14.0234 7.73923 14.2668L6.81616 19.6488L11.6509 17.1062C11.8695 16.9913 12.1306 16.9913 12.3491 17.1062L17.1839 19.6488L16.2608 14.2668C16.2191 14.0234 16.2998 13.775 16.4767 13.6027L20.3887 9.79245L14.9816 9.00212C14.7375 8.96645 14.5266 8.8131 14.4175 8.59197L12 3.69444Z" fill="rgb(53.125,30.1625,17.7083)" fill-rule="evenodd" />
+	</g>
+</svg>

static/images/index/moreSkill4.svg

@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
+	<defs>
+		<clipPath id="clipPath_1">
+			<rect width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="icon-占位符" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
+	<g id="headphones" clip-path="url(#clipPath_1)" customFrame="url(#clipPath_1)">
+		<rect id="headphones" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
+		<path id="Vector (Stroke)" d="M12 3.75C9.81196 3.75 7.71354 4.61919 6.16637 6.16637C4.61919 7.71354 3.75 9.81196 3.75 12L3.75 13.25L6 13.25C6.72935 13.25 7.42882 13.5397 7.94454 14.0555C8.46027 14.5712 8.75 15.2707 8.75 16L8.75 19C8.75 19.7293 8.46027 20.4288 7.94454 20.9445C7.42882 21.4603 6.72935 21.75 6 21.75L5 21.75C4.27065 21.75 3.57118 21.4603 3.05546 20.9445C2.53973 20.4288 2.25 19.7293 2.25 19L2.25 12C2.25 9.41414 3.27723 6.93419 5.10571 5.10571C6.93419 3.27723 9.41414 2.25 12 2.25C14.5859 2.25 17.0658 3.27723 18.8943 5.10571C20.7228 6.93419 21.75 9.41414 21.75 12L21.75 19C21.75 19.7293 21.4603 20.4288 20.9445 20.9445C20.4288 21.4603 19.7293 21.75 19 21.75L18 21.75C17.2707 21.75 16.5712 21.4603 16.0555 20.9445C15.5397 20.4288 15.25 19.7293 15.25 19L15.25 16C15.25 15.2707 15.5397 14.5712 16.0555 14.0555C16.5712 13.5397 17.2707 13.25 18 13.25L20.25 13.25L20.25 12C20.25 9.81196 19.3808 7.71354 17.8336 6.16637C16.2865 4.61919 14.188 3.75 12 3.75ZM20.25 14.75L18 14.75C17.6685 14.75 17.3505 14.8817 17.1161 15.1161C16.8817 15.3505 16.75 15.6685 16.75 16L16.75 19C16.75 19.3315 16.8817 19.6495 17.1161 19.8839C17.3505 20.1183 17.6685 20.25 18 20.25L19 20.25C19.3315 20.25 19.6495 20.1183 19.8839 19.8839C20.1183 19.6495 20.25 19.3315 20.25 19L20.25 14.75ZM3.75 19C3.75 19.3315 3.8817 19.6495 4.11612 19.8839C4.35054 20.1183 4.66848 20.25 5 20.25L6 20.25C6.33152 20.25 6.64946 20.1183 6.88388 19.8839C7.1183 19.6495 7.25 19.3315 7.25 19L7.25 16C7.25 15.6685 7.1183 15.3505 6.88388 15.1161C6.64946 14.8817 6.33152 14.75 6 14.75L3.75 14.75L3.75 19Z" fill="rgb(53.125,30.1625,17.7083)" fill-rule="evenodd" />
+	</g>
+</svg>

static/images/index/myEdit.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
+	<rect id="svg 26" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<path id="矢量 31" d="M12.2452 14.5309L2.77585 14.5309C2.05748 14.5309 1.46973 13.9431 1.46973 13.2247L1.46973 3.75534C1.46973 3.03697 2.05748 2.44922 2.77585 2.44922L9.1432 2.44922C9.32279 2.44922 9.46973 2.59616 9.46973 2.77575C9.46973 2.95534 9.32279 3.10228 9.1432 3.10228L2.77585 3.10228C2.41667 3.10228 2.12279 3.39616 2.12279 3.75534L2.12279 13.2247C2.12279 13.5839 2.41667 13.8778 2.77585 13.8778L12.2452 13.8778C12.6044 13.8778 12.8983 13.5839 12.8983 13.2247L12.8983 6.85738C12.8983 6.67779 13.0452 6.53085 13.2248 6.53085C13.4044 6.53085 13.5514 6.67779 13.5514 6.85738L13.5514 13.2247C13.5514 13.9431 12.9636 14.5309 12.2452 14.5309L12.2452 14.5309Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
+	<path id="矢量 32" d="M7.79578 8.80825C7.64068 8.80825 7.49374 8.74294 7.37129 8.62866C7.1917 8.44907 7.14272 8.18784 7.24884 7.95927L7.73864 6.91437C7.89374 6.57968 8.10598 6.27764 8.35904 6.02458L12.6203 1.76335C13.0366 1.34703 13.7468 1.36335 14.1876 1.81233C14.6366 2.26131 14.6529 2.96335 14.2366 3.37968L9.97537 7.6409C9.71414 7.90213 9.42027 8.10621 9.08557 8.26131L8.04068 8.75111C7.95904 8.79192 7.87741 8.80825 7.79578 8.80825L7.79578 8.80825ZM13.355 2.12254C13.2488 2.12254 13.1509 2.16335 13.0774 2.23682L8.81619 6.48988C8.6121 6.69396 8.44884 6.9307 8.32639 7.19192L7.9019 8.08988L8.79986 7.66539C9.06108 7.54294 9.29782 7.37968 9.5019 7.1756L13.7631 2.91437C13.8366 2.8409 13.8774 2.73478 13.8692 2.61233C13.8611 2.48172 13.8039 2.35927 13.7141 2.26947C13.6162 2.17151 13.4937 2.11437 13.3713 2.11437C13.3631 2.12254 13.3631 2.12254 13.355 2.12254L13.355 2.12254Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
+	<path id="矢量 33" d="M9.71423 7.77123C9.6326 7.77123 9.55097 7.73858 9.48566 7.67327L8.32648 6.52225C8.19586 6.39164 8.19586 6.18756 8.32648 6.05694C8.45709 5.92633 8.66117 5.92633 8.79178 6.05694L9.9428 7.20796C10.0734 7.33858 10.0734 7.54266 9.9428 7.67327C9.8775 7.73858 9.79586 7.77123 9.71423 7.77123L9.71423 7.77123Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
+</svg>

static/images/index/phone.svg

@@ -1,3 +1,5 @@
-<svg viewBox="0 0 5.21191 5.23047" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5.211914" height="5.230469" fill="none" customFrame="#000000">
-	<path id="矢量 25" d="M0.98019 0.102832L1.71269 1.13658C1.78644 1.24033 1.79269 1.37908 1.72894 1.48908L1.45894 1.95533C1.39644 2.06283 1.40019 2.19658 1.46894 2.29908C1.67769 2.60908 2.17394 3.26783 2.85644 3.68408C2.98394 3.76158 3.14144 3.77283 3.27644 3.71033L3.76644 3.48533C3.83894 3.45158 3.92394 3.45658 3.99144 3.49908L5.08144 4.17283C5.19769 4.24408 5.24269 4.38908 5.19019 4.51408C5.08644 4.76533 4.88144 5.14283 4.56144 5.21033C4.07644 5.31283 2.98769 5.06158 1.63644 3.70158C0.285189 2.34158 -0.113561 1.24283 0.0264393 0.544082C0.0264393 0.544082 0.247689 0.166582 0.705189 0.0128326C0.806439 -0.0221674 0.918939 0.0165826 0.980189 0.102833L0.98019 0.102832Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
+<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10.000000" height="10.000000" fill="none">
+	<rect id="svg 20" width="10.000000" height="10.000000" x="0.000000" y="0.000000" />
+	<path id="矢量 24" d="M7.25473 9.2973L2.55723 9.2973C1.49098 9.2973 0.625977 8.4323 0.625977 7.36605L0.625977 2.66855C0.625977 1.6023 1.49098 0.737305 2.55723 0.737305L7.25473 0.737305C8.32098 0.737305 9.18598 1.6023 9.18598 2.66855L9.18598 7.36605C9.18598 8.4323 8.32098 9.2973 7.25473 9.2973L7.25473 9.2973Z" fill="rgb(102,112,122)" fill-rule="nonzero" />
+	<path id="矢量 25" d="M3.27999 2.35283L4.0125 3.38658C4.08625 3.49033 4.09249 3.62908 4.02875 3.73908L3.75874 4.20533C3.69624 4.31283 3.7 4.44658 3.76874 4.54908C3.97749 4.85908 4.47375 5.51783 5.15625 5.93408C5.28375 6.01158 5.44125 6.02283 5.57625 5.96033L6.06625 5.73533C6.13875 5.70158 6.22375 5.70658 6.29125 5.74908L7.38125 6.42283C7.4975 6.49408 7.5425 6.63908 7.49 6.76408C7.38624 7.01533 7.18124 7.39283 6.86124 7.46033C6.37624 7.56283 5.28749 7.31158 3.93624 5.95158C2.58499 4.59158 2.18624 3.49283 2.32624 2.79408C2.32624 2.79408 2.54749 2.41658 3.00499 2.26283C3.10624 2.22783 3.21874 2.26658 3.27999 2.35283L3.27999 2.35283Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
 </svg>

static/images/index/setting.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
+	<rect id="icon设置" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
+	<rect id="点击范围" width="24.000000" height="24.000000" x="0.000000" y="0.000000" opacity="0" fill="rgb(255,255,255)" />
+	<rect id="视觉范围" width="16.000000" height="16.000000" x="4.000000" y="4.000000" opacity="0" fill="rgb(255,179.562,179.562)" />
+	<g id="Group">
+		<g id="Group">
+			<path id="Vector" d="M9.99967 7.33301L7.33301 7.33301L7.33301 9.99967L5.33301 11.9997L7.33301 13.9997L7.33301 16.6663L9.99967 16.6663L11.9997 18.6663L13.9997 16.6663L16.6663 16.6663L16.6663 13.9997L18.6663 11.9997L16.6663 9.99967L16.6663 7.33301L13.9997 7.33301L11.9997 5.33301L9.99967 7.33301Z" fill-rule="nonzero" stroke="rgb(255,255,255)" stroke-width="2" />
+			<path id="Vector" d="M12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z" stroke="rgb(255,255,255)" stroke-width="2" />
+		</g>
+	</g>
+</svg>