feat bmi

pages/test/bmi.vue

@@ -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;