Bladeren bron

准考证页面新需求修改

刘洋 1 jaar geleden
bovenliggende
commit
a7b165b20a
1 gewijzigde bestanden met toevoegingen van 7 en 19 verwijderingen
  1. 7 19
      src/pages/admissionCard.vue

+ 7 - 19
src/pages/admissionCard.vue

@@ -11,10 +11,8 @@
           <img :src="appStore.globalConfig.fileUrlPrefix + info.photoPath" />
           <img :src="appStore.globalConfig.fileUrlPrefix + info.photoPath" />
         </div>
         </div>
         <div class="media-right info-rows">
         <div class="media-right info-rows">
-          <div class="base-info">
-            <div><span class="label">姓名:</span>{{ info.studentName }}</div>
-            <div><span class="label">性别:</span>{{ info.gender }}</div>
-          </div>
+          <div><span class="label">姓名:</span>{{ info.studentName }}</div>
+          <div><span class="label">学号:</span>{{ info.studentCode }}</div>
           <div>
           <div>
             <span class="label">身份证号:</span>{{ info.identityNumber }}
             <span class="label">身份证号:</span>{{ info.identityNumber }}
           </div>
           </div>
@@ -174,8 +172,8 @@ function getWeek(time) {
       margin-top: 16px;
       margin-top: 16px;
       display: flex;
       display: flex;
       .img-box {
       .img-box {
-        height: 126px;
-        width: 23vw;
+        height: 148px;
+        width: 28vw;
         margin-right: 16px;
         margin-right: 16px;
         img {
         img {
           max-width: 100%;
           max-width: 100%;
@@ -187,27 +185,17 @@ function getWeek(time) {
         flex: 1;
         flex: 1;
         display: flex;
         display: flex;
         flex-direction: column;
         flex-direction: column;
-        justify-content: space-around;
+        justify-content: space-between;
         padding: 8px 0;
         padding: 8px 0;
-        .base-info {
-          & > div {
-            width: 50%;
-            float: left;
-          }
-          &:after {
-            content: "";
-            display: block;
-            clear: both;
-          }
-        }
       }
       }
     }
     }
     .info-rows {
     .info-rows {
       color: #262626;
       color: #262626;
+      font-size: 14px;
       .label {
       .label {
         color: #8c8c8c;
         color: #8c8c8c;
         display: block;
         display: block;
-        margin-bottom: 3px;
+        margin-bottom: 2px;
       }
       }
     }
     }
   }
   }