feat: 题卡条码位置调整

card/assets/styles/card-preview.scss

@@ -49,13 +49,11 @@
 
   .package-number {
     position: absolute;
-    min-width: 200px;
-    height: 60px;
-    padding: 10px 50px;
-    top: 0;
-    right: 25%;
-    transform: translateX(-50%);
-    -webkit-transform: translateX(-50%);
+    width: 400px;
+    height: 40px;
+    padding: 0 20px;
+    top: 10px;
+    left: 54%;
     text-align: center;
     z-index: 99;
     display: none;
@@ -353,13 +351,12 @@
 // course-barcode
 .course-barcode {
   position: absolute;
-  min-width: 200px;
-  height: 60px;
-  padding: 10px 50px;
-  top: 0;
+  width: 400px;
+  height: 40px;
+  padding: 0 20px;
+  top: 10px;
   left: 50%;
-  transform: translateX(-100%);
-  -webkit-transform: translateX(-100%);
+  margin-left: -400px;
   text-align: center;
 
   img {

card/assets/styles/card-temp.css

@@ -42,13 +42,11 @@
 }
 .page-box .package-number {
   position: absolute;
-  min-width: 200px;
-  height: 60px;
-  padding: 10px 50px;
-  top: 0;
-  right: 25%;
-  transform: translateX(-50%);
-  -webkit-transform: translateX(-50%);
+  width: 400px;
+  height: 40px;
+  padding: 0 20px;
+  top: 10px;
+  left: 54%;
   text-align: center;
   z-index: 99;
   display: none;
@@ -289,13 +287,12 @@
 
 .course-barcode {
   position: absolute;
-  min-width: 200px;
-  height: 60px;
-  padding: 10px 50px;
-  top: 0;
+  width: 400px;
+  height: 40px;
+  padding: 0 20px;
+  top: 10px;
   left: 50%;
-  transform: translateX(-100%);
-  -webkit-transform: translateX(-100%);
+  margin-left: -400px;
   text-align: center;
 }
 .course-barcode img {