更新

parts/print/namCard.vue

@@ -22,10 +22,11 @@
     </el-col> -->
     <el-col :span="24" class="info" ref="print">
       <el-col :span="6" class="list" v-for="(item, index) in csList[now]" :key="index">
-        <p>
-          <span>吉林省高校学生就业能力扩展训练</span><span>第{{ item.termname }}期</span><span>{{ item.classname }}</span>
+        <p class="txt">
+          <span>吉林省高校学生就业能力扩展训练</span> <span>第{{ item.termname }}期</span> <span>{{ item.classname }}班</span>
         </p>
-        <p>{{ item.name }}</p>
+        <p v-if="item.name.length <= 4" class="namesmall">{{ item.name }}</p>
+        <p v-else class="namelarge">{{ item.name }}</p>
       </el-col>
     </el-col>
   </div>
@@ -45,6 +46,7 @@ export default {
       csList: [],
       now: 0,
       nowList: [],
+      isActive: false,
     };
   },
   created() {},
@@ -90,20 +92,27 @@ export default {
 //   width: 714px;
 // }
 .list {
-  width: 171px;
+  width: 300px;
   height: 140px;
-  border: 1px dashed #333;
-  margin: 0 8px 10px 0;
+  border: 1px solid #000;
   padding: 5px 5px;
   p {
     float: left;
     width: 100%;
     text-align: center;
-    font-size: 12px;
-    padding: 0 0 10px 0;
   }
-  p:last-child {
-    font-size: 25px;
+  .txt {
+    font-size: 14px;
+    font-weight: bold;
+    padding: 0 0 5px 0;
+  }
+  .namesmall {
+    font-size: 55px;
+    letter-spacing: 5px;
+    padding: 15px 0;
+  }
+  .namelarge {
+    font-size: 36px;
     letter-spacing: 5px;
     padding: 0;
   }