|
|
@@ -2,7 +2,34 @@
|
|
|
<view class="container-box">
|
|
|
<image src="/static/image/bmi/manual_icon_arrow.png" alt="" class="back-class" @click="goBcak()"></image>
|
|
|
<view class="info-box">
|
|
|
- <view class="student-info"></view>
|
|
|
+ <view class="student-card">
|
|
|
+ <view class="student-box1">
|
|
|
+ <image class="head-img" src="/static/image/bmi/test_img_head_gril.png">
|
|
|
+ </image>
|
|
|
+ <view class="student-info1">
|
|
|
+ <view class="student-info11">
|
|
|
+ <view class="student-info111">
|
|
|
+ <view>张珊珊</view>
|
|
|
+ <image class="sex-img" src="/static/image/bmi/test_icon_gril.png"></image>
|
|
|
+ </view>
|
|
|
+ <view class="student-num">编号：1212456</view>
|
|
|
+ </view>
|
|
|
+ <view class="student-info12">一年3班</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="student-info2">
|
|
|
+ <view>
|
|
|
+ <image src="/static/image/bmi/test_icon_id.png">
|
|
|
+ </image>
|
|
|
+ <text>11122221</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <image src="/static/image/bmi/test_icon_school.png">
|
|
|
+ </image>
|
|
|
+ <text>石岐小学</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="">
|
|
|
<view class="adron-box">
|
|
|
<image src="/static/image/bmi/test_img_adron.png" alt="" class="adron" @click="goBcak()">
|
|
|
@@ -59,15 +86,92 @@ export default {
|
|
|
width: 680upx;
|
|
|
}
|
|
|
|
|
|
-.student-info {
|
|
|
- width: 681upx;
|
|
|
- height: 25vh;
|
|
|
+.student-card {
|
|
|
+ width: 680upx;
|
|
|
+ height: 28vh;
|
|
|
+ padding: 3vh 30upx ;
|
|
|
background: #F1F7FF;
|
|
|
box-shadow: 0upx 5upx 5upx 0upx rgba(12, 88, 183, 0.35);
|
|
|
border-radius: 28upx;
|
|
|
border: 4upx solid #FFFFFF;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
+.student-box1{
|
|
|
+ width: 600upx;
|
|
|
+ height: 14vh;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.student-info1{
|
|
|
+ flex: 1;
|
|
|
+ padding: 20upx 0 20upx 20upx;
|
|
|
+}
|
|
|
+.student-info11{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.student-info111{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.student-info111 view{
|
|
|
+ font-weight: bold;
|
|
|
+font-size: 35rpx;
|
|
|
+color: #2F3C42;
|
|
|
+}
|
|
|
+.student-num{
|
|
|
+ width: 168upx;
|
|
|
+height: 45upx;
|
|
|
+line-height: 45upx;
|
|
|
+background: #E2EBFF;
|
|
|
+border-radius: 28upx;
|
|
|
+font-weight: 400;
|
|
|
+font-size: 21rpx;
|
|
|
+color: #0369E8;
|
|
|
+text-align: center;
|
|
|
+}
|
|
|
+.student-info12{
|
|
|
+ font-size: 21upx;
|
|
|
+color: #0369E8;
|
|
|
+}
|
|
|
+.head-img{
|
|
|
+ width: 125upx;
|
|
|
+ height: 125upx;
|
|
|
+ border-radius: 50%;
|
|
|
+ border: #E2EBFF solid 5upx;
|
|
|
+}
|
|
|
+.sex-img{
|
|
|
+ width: 37.5upx;
|
|
|
+ height: 37.5upx;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+.student-info2{
|
|
|
+ width: 100%;
|
|
|
+ height: 108upx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+}
|
|
|
+.student-info2 view{
|
|
|
+ width: 290upx;
|
|
|
+ background: #E2EBFF;
|
|
|
+ border-radius: 28upx;
|
|
|
+ height: 108upx;
|
|
|
+ display: flex;
|
|
|
+ padding:20upx 25upx;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.student-info2 image{
|
|
|
+ width: 68upx;
|
|
|
+ height: 68upx;
|
|
|
+}
|
|
|
+.student-info2 text{
|
|
|
+ font-weight: bold;
|
|
|
+font-size: 21rpx;
|
|
|
+color: #0369E8;
|
|
|
+line-height: 7vh;
|
|
|
+}
|
|
|
.bmi-info {
|
|
|
width: 100%;
|
|
|
height: 50vh;
|
