作者 mxd

学员档案详情

<template>
<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="stu_msg">
<view class="stu_li">
... ... @@ -65,18 +62,23 @@
<view class="stu_l">
学号:
</view>
<view class="stu_r" style="color: #FF9A18;">
<view class="stu_r" style="color: #2D81FF;">
<!-- 未分配 -->
{{datas.study_code||'未分配'}}
{{datas.study_code || '未分配'}}
</view>
</view>
<view class="stu_li">
<view class="stu_l">
住宿办理:
</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 class="stu_li">
... ... @@ -272,41 +274,51 @@
background: #F8F8F8;
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{
width: 100%;
padding: 25rpx;
position: relative;
z-index: 2;
padding: 30rpx;
}
.stu_msg{
width: 100%;
background: #FFFFFF;
border-radius: 10rpx;
padding: 0 30rpx;
border-radius: 20rpx;
.stu_li{
width: 100%;
height: 93rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30rpx;
padding: 30rpx 0;
&+.stu_li{
border-top: 1px solid #eee;
border-top: 1px solid #F3F3F7;
}
.stu_l{
font-size: 32rpx;
color: #545D71;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #000000;
}
.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;
}
}
}
}
}
... ...