调整首页样式

src/pages/index/index.vue

 <template>
 	<view class="indexpage">
-		<navbar class="navbarSticky" bg="#F6F6F6">
+		<navbar class="navbarSticky" bg="unset">
 			<view class="index-header-box">
 				<view class="index-header-img">
-					<van-image width="54rpx" height="50rpx" fit="cover" class="img"
+					<van-image width="100%" height="100%" fit="cover" class="img"
 					src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_713.png" />
 				</view>
 				<view class="index-header-tetx">
@@ -14,10 +14,18 @@
 				</view>
 			</view>
 		</navbar>
+		<view style="margin: 40rpx 0 10rpx 0;">
+			<view style="padding:0 50rpx;font-weight: 800;color: #282828;">
+				<view style="font-size: 36rpx;">Hello,</view>
+				<view style="font-size: 50rpx;">您的学情反馈已准备好</view>
+			</view>
+		</view>
+		<course-card></course-card>
 	</view>
 </template>
 
 <script>
+	import courseCard from '../../components/index/course-card'
 	import vue, {
 		ref,
 		reactive,
@@ -52,7 +60,8 @@
 		components: {
 			indexassembly,
 			navbar,
-			bottom
+			bottom,
+			courseCard
 		},
 		setup(props) {
 			let {
@@ -296,30 +305,47 @@
 	}
 	.index-header-img .img{
 		display: block;
-		border: 1rpx solid #E3E3E3;
+		border: 2rpx solid rgba(164, 164, 164, 0.32);
 		border-radius: 50%;
 		overflow: hidden;
-	}
-	.index-header-img{
 		width: 60rpx;
 		height: 60rpx;
+		box-sizing: border-box;
+		margin: 4rpx;
+	}
+	.index-header-img{
+		width: 68rpx;
+		height: 68rpx;
 		border-radius: 50%;
 		overflow: hidden;
 		text-align: center;
 		margin-right: 20rpx;
 		background: #FFFFFF;
-		padding: 4rpx;
 	}
 	.indexpage {
 		min-height: 100vh;
 		background-color: #F5F5F5;
 		box-sizing: border-box;
+		background-image: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_398.png');
+		background-position: 0 200rpx;
+		background-repeat: no-repeat;
+		background-size: 100% auto;
 	}
 	.index-header-box{
 		display: flex;
 		flex-direction: row;
 		align-items: center;
-		padding:29rpx 42rpx ;
+		padding:0rpx 42rpx ;
+	}
+	.index-header-box .index-header-title{
+		font-size: 24rpx;
+		font-weight: 400;
+		color: #B8B8B8;
+	}
+	.index-header-box .index-header-name{
+		font-size: 30rpx;
+		font-weight: 800;
+		color: #282828;
 	}
 	.navbarSticky {
 		display: sticky;