diff --git a/pages/student/index/index.vue b/pages/student/index/index.vue
index 4f04d32..8c84a17 100644
--- a/pages/student/index/index.vue
+++ b/pages/student/index/index.vue
@@ -151,7 +151,7 @@
 	}
 </script>
 
-<style scoped>
+<style lang="less" scoped>
 	page {
 		font-weight: normal;
 	}
diff --git a/pages/student/index/work_details.vue b/pages/student/index/work_details.vue
index 8183fd0..fd7ac73 100644
--- a/pages/student/index/work_details.vue
+++ b/pages/student/index/work_details.vue
@@ -1,9 +1,22 @@
 <template>
 	<view>
+		<view class="top-style">
+			<image src="@/static/images/index/work_details.png" class="top-style-img">
+		</view>
 		
+		<view class="below-style">
+			<view class="head-img">
+				<fui-avatar width="80" src="https://img1.baidu.com/it/u=3598104138,3632108415&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800"></fui-avatar>
+				<view class="head-text">智卓燕</view>
+			</view>
+			<view class="multi-line-ellipsis">
+				作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述</view>
+		</view>
 	</view>
 </template>
 
+<!-- work_details.png -->
+
 <script>
 	export default {
 		data() {
@@ -17,6 +30,41 @@
 	}
 </script>
 
-<style>
-
+<style lang="less" scoped>
+	.top-style{
+		width: 92%;
+		height: 700rpx;
+		margin: auto;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.top-style-img{
+		width: 120rpx;
+		height: 120rpx;
+	}
+	.below-style{
+		width: 92%;
+		margin: auto;
+	}
+	.head-img {
+		display: flex;
+		align-items: center;
+		padding: 10rpx 20rpx;
+	}
+	.head-text {
+		color: #333333;
+		font-size: 35rpx;
+		padding-left: 20rpx;
+	}
+	.multi-line-ellipsis {
+		color: #333333;
+		font-size: 29rpx;
+		padding: 5rpx 10rpx;
+		// display: -webkit-box;
+		// -webkit-box-orient: vertical;
+		// -webkit-line-clamp: 2;
+		// overflow: hidden;
+		// text-overflow: ellipsis;
+	}
 </style>
diff --git a/static/images/index/work_details.png b/static/images/index/work_details.png
new file mode 100644
index 0000000..562e866
Binary files /dev/null and b/static/images/index/work_details.png differ