学员档案详情

 <template>
 <template>
 	<view class="wrap_box">
 	<view class="wrap_box">
-		<!-- <uParse v-if="datas" :content="datas"></uParse> -->
-		<!-- stu_bz_index -->
-		<view class="tel_index_bg"></view>
 		<view class="bz_box">
 		<view class="bz_box">
 			<view class="stu_msg">
 			<view class="stu_msg">
 				<view class="stu_li">
 				<view class="stu_li">
@@ -65,18 +62,23 @@
 					<view class="stu_l">
 					<view class="stu_l">
 						学号：
 						学号：
 					</view>
 					</view>
-					<view class="stu_r" style="color: #FF9A18;">
+					<view class="stu_r" style="color: #2D81FF;">
 						<!-- 未分配 -->
 						<!-- 未分配 -->
-						{{datas.study_code||'未分配'}}
+						{{datas.study_code || '未分配'}}
 					</view>
 					</view>
 				</view>
 				</view>
 				<view class="stu_li">
 				<view class="stu_li">
 					<view class="stu_l">
 					<view class="stu_l">
 						住宿办理：
 						住宿办理：
 					</view>
 					</view>
-					<view class="stu_r" style="color: #66C134;">
-						<!-- 住宿状态 1、已缴费 2、未办理 -->
-						{{datas.bed_type==1?'已缴费':'未办理'}}
+					<view class="stu_r">
+						
+						<view class="state bg" v-if="datas.bed_type==1">
+							已缴费
+						</view>
+						<view class="state" >
+							未办理
+						</view>
 					</view>
 					</view>
 				</view>
 				</view>
 				<view class="stu_li">
 				<view class="stu_li">
@@ -272,41 +274,51 @@
 	background: #F8F8F8;
 	background: #F8F8F8;
 	position: relative;
 	position: relative;
 }
 }
-.tel_index_bg{
-	position: absolute;
-	top: 0;
-	z-index: 1;
-	width: 100%;
-	min-height: 220rpx;
-	background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);
-}
+
 .bz_box{
 .bz_box{
-	width: 100%;
+	padding: 25rpx;
 	position: relative;
 	position: relative;
 	z-index: 2;
 	z-index: 2;
-	padding: 30rpx;
 }
 }
 .stu_msg{
 .stu_msg{
 	width: 100%;
 	width: 100%;
 	background: #FFFFFF;
 	background: #FFFFFF;
-	border-radius: 10rpx;
+	padding: 0 30rpx;
+	border-radius: 20rpx;
 	.stu_li{
 	.stu_li{
 		width: 100%;
 		width: 100%;
-		height: 93rpx;
 		display: flex;
 		display: flex;
 		align-items: center;
 		align-items: center;
 		justify-content: space-between;
 		justify-content: space-between;
-		padding: 0 30rpx;
+		padding: 30rpx 0;
 		&+.stu_li{
 		&+.stu_li{
-			border-top: 1px solid #eee;
+			border-top: 1px solid #F3F3F7;
 		}
 		}
 		.stu_l{
 		.stu_l{
-			font-size: 32rpx;
-			color: #545D71;
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #000000;
 		}
 		}
 		.stu_r{
 		.stu_r{
-			font-size: 32rpx;
-			color: #A6A9B1;
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: 400;
+			color: #646464;
+			
+			.state {
+				background: rgba(255, 150, 56, 0.15);
+				border-radius: 5rpx;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #FF9638;
+				padding: 5rpx;
+				& .bg {
+					background: rgba(52, 213, 170, 0.15);
+					color: #10C69E;
+				}
+			}
 		}
 		}
 	}
 	}
 }
 }