card style md

src/assets/styles/card-preview.scss

@@ -457,12 +457,17 @@
           margin: 8px auto;
           width: 20px;
           height: 14px;
-          font-size: 10px;
+          font-size: 12px;
           line-height: 1;
           text-align: center;
-          color: #666;
+          color: #000;
           // border-rect
           border: 1px solid #000;
+          font-family: "Times New Roman", Arial, sans-serif;
+          > i {
+            display: inline-block;
+            transform: scale(0.67, 0.67);
+          }
         }
       }
       .stdno-auto {
@@ -632,11 +637,17 @@
         height: 14px;
         // border-rect
         border: 1px solid #000;
-        font-size: 10px;
+        font-size: 12px;
         text-align: center;
         line-height: 1;
-        color: #666;
+        color: #000;
         margin: 0 5px;
+        font-family: "Times New Roman", Arial, sans-serif;
+
+        > i {
+          display: inline-block;
+          transform: scale(0.67, 0.67);
+        }
       }
       &-aorb {
         display: table;
@@ -872,6 +883,7 @@
 // elem-fill-question
 .elem-fill-question {
   white-space: normal;
+  font-family: "Times New Roman", Arial, sans-serif;
   .elem-body {
     padding: 10px 0 10px 16px;
   }
@@ -896,18 +908,26 @@
     width: 18px;
     height: 14px;
     text-align: center;
-    font-size: 10px;
+    font-size: 12px;
     line-height: 1;
     // border-rect
     border: 1px solid #000;
-    color: #666;
+    color: #000;
     box-sizing: border-box;
 
+    > i {
+      display: inline-block;
+      transform: scale(0.67, 0.67);
+    }
+
     &:first-child {
       text-align: right;
       border-color: transparent;
       font-size: 12px;
-      color: #555;
+      color: #000;
+      > i {
+        transform: scale(1, 1);
+      }
     }
     &:last-child {
       margin-right: 0 !important;

src/modules/card/components/elementEdit/cardHeadSpin/HeadDynamic.vue

@@ -54,8 +54,8 @@
         v-if="data.aOrBType === 'fill'"
       >
         <div class="dynamic-aorb-content">
-          <i class="head-dynamic-rect">A</i>
-          <i class="head-dynamic-rect">B</i>
+          <span class="head-dynamic-rect"><i>A</i></span>
+          <span class="head-dynamic-rect"><i>B</i></span>
         </div>
       </div>
       <div

src/modules/card/components/elementEdit/cardHeadSpin/HeadStdno.vue

@@ -19,7 +19,7 @@
       <div class="stdno-fill-body">
         <div class="stdno-fill-list" v-for="n in 13" :key="n">
           <div class="stdno-fill-option" v-for="m in 10" :key="m">
-            {{ m - 1 }}
+            <i>{{ m - 1 }}</i>
           </div>
         </div>
       </div>

src/modules/card/components/elementPreview/FillQuestion.vue

@@ -16,13 +16,14 @@
           :key="qindex"
           :style="questionGapStyles"
         >
-          <i
+          <span
             class="option-item"
             v-for="(option, oindex) in question"
             :key="oindex"
             :style="optionGapStyles"
-            >{{ option }}</i
           >
+            <i>{{ option }}</i>
+          </span>
         </li>
       </ul>
     </div>

src/modules/card/previewTemp.js

@@ -519,11 +519,17 @@ const css =
     margin: 8px auto;\
     width: 20px;\
     height: 14px;\
-    font-size: 10px;\
+    font-size: 12px;\
     line-height: 1;\
     text-align: center;\
-    color: #666;\
+    color: #000;\
     border: 1px solid #000;\
+    font-family: "Times New Roman", Arial, sans-serif;\
+  }\
+  .card-head-body .head-stdno .stdno-fill-option > i {\
+    display: inline-block;\
+    -webkit-transform: scale(0.67, 0.67);\
+    transform: scale(0.67, 0.67);\
   }\
   .card-head-body .head-stdno .stdno-auto-barcode {\
     height: 80px;\
@@ -665,11 +671,17 @@ const css =
     width: 30px;\
     height: 14px;\
     border: 1px solid #000;\
-    font-size: 10px;\
+    font-size: 12px;\
     text-align: center;\
     line-height: 1;\
-    color: #666;\
+    color: #000;\
     margin: 0 5px;\
+    font-family: "Times New Roman", Arial, sans-serif;\
+  }\
+  .card-head-body .head-dynamic-rect > i {\
+    display: inline-block;\
+    -webkit-transform: scale(0.67, 0.67);\
+    transform: scale(0.67, 0.67);\
   }\
   .card-head-body .head-dynamic-aorb {\
     display: table;\
@@ -875,6 +887,7 @@ const css =
 \
   .elem-fill-question {\
     white-space: normal;\
+    font-family: "Times New Roman", Arial, sans-serif;\
   }\
   .elem-fill-question .elem-body {\
     padding: 10px 0 10px 16px;\
@@ -897,18 +910,23 @@ const css =
     width: 18px;\
     height: 14px;\
     text-align: center;\
-    font-size: 10px;\
+    font-size: 12px;\
     line-height: 1;\
     border: 1px solid #000;\
-    color: #666;\
+    color: #000;\
     -webkit-box-sizing: border-box;\
     box-sizing: border-box;\
   }\
+  .elem-fill-question .option-item > i {\
+    display: inline-block;\
+    -webkit-transform: scale(0.67, 0.67);\
+    transform: scale(0.67, 0.67);\
+  }\
   .elem-fill-question .option-item:first-child {\
     text-align: right;\
     border-color: transparent;\
     font-size: 12px;\
-    color: #555;\
+    color: #000;\
   }\
   .elem-fill-question .option-item:last-child {\
     margin-right: 0 !important;\