题卡字体调整

src/modules/card/assets/styles/card-design.scss

@@ -6,7 +6,7 @@
   // page-box
   .page-box {
     // box-shadow: $--shadow-light;
-    // box-shadow: 0 0 1px #333;
+    // box-shadow: 0 0 1px #000;
     &::before {
       content: "";
       position: absolute;
@@ -123,19 +123,19 @@
     .element-item {
       &-explain {
         &::before {
-          border-bottom: 1px dashed #333;
+          border-bottom: 1px dashed #000;
         }
       }
       &-type-last {
         &::before {
-          border-bottom: 1px solid #333;
+          border-bottom: 1px solid #000;
         }
       }
     }
     &:last-child {
       .element-item {
         &::before {
-          border-bottom: 1px solid #333;
+          border-bottom: 1px solid #000;
         }
       }
       .element-item-card-head.element-item-type-pre {
@@ -511,7 +511,7 @@
 
       &.is-active {
         background-color: #eff0f5;
-        color: #333;
+        color: #000;
       }
     }
   }

src/modules/card/assets/styles/card-preview.scss

@@ -30,6 +30,7 @@
   background: #fff;
   margin: 0 auto;
   font-weight: normal;
+  font-family: "宋体", Arial, sans-serif;
 
   .page-main {
     height: 100%;
@@ -331,7 +332,7 @@
     bottom: 0;
     right: 0;
     z-index: 1;
-    border: 1px solid #333;
+    border: 1px solid #000;
     overflow: hidden;
     &::before {
       content: "";
@@ -405,7 +406,7 @@
         left: 0;
         box-sizing: border-box;
         z-index: 2;
-        border: 1px solid #333;
+        border: 1px solid #000;
         border-top: 0;
       }
 
@@ -438,14 +439,14 @@
       }
       &-type-last {
         &::before {
-          border-bottom: 1px solid #333;
+          border-bottom: 1px solid #000;
         }
       }
     }
     &:last-child {
       .element-item {
         &::before {
-          border-bottom: 1px solid #333;
+          border-bottom: 1px solid #000;
         }
       }
       .element-item-card-head.element-item-type-pre {
@@ -559,7 +560,7 @@
     display: table-cell;
     width: 50%;
     vertical-align: top;
-    border: 1px solid #333;
+    border: 1px solid #000;
     &-dash {
       border-style: dashed;
       vertical-align: middle;
@@ -596,7 +597,7 @@
         display: block;
         position: absolute;
         width: 100%;
-        border-bottom: 1px solid #333;
+        border-bottom: 1px solid #000;
         bottom: 6px;
         left: 0;
         z-index: 1;
@@ -769,7 +770,7 @@
   text-align: center;
   .elem-body {
     padding: 0;
-    border: 1px solid #333;
+    border: 1px solid #000;
   }
   &-pad {
     padding-top: 10px;
@@ -778,7 +779,7 @@
     font-size: 16px;
     height: 29px;
     line-height: 28px;
-    border-bottom: 1px dotted #333;
+    border-bottom: 1px dotted #000;
     font-weight: normal;
   }
   p {
@@ -902,7 +903,7 @@
     border-spacing: 0;
     border-collapse: collapse;
     td {
-      border: 1px solid #333;
+      border: 1px solid #000;
     }
   }
   &-halving {
@@ -1164,7 +1165,7 @@
     &-rect {
       font-size: 0;
       height: 27px;
-      border-bottom: 1px solid #333;
+      border-bottom: 1px solid #000;
     }
     &-number {
       display: inline-block;
@@ -1172,7 +1173,7 @@
       width: 7.692%;
       height: 100%;
       &:not(:last-child) {
-        border-right: 1px solid #333;
+        border-right: 1px solid #000;
       }
     }
 
@@ -1180,7 +1181,7 @@
       height: 51px;
 
       > h5 {
-        border-bottom: 1px solid #333;
+        border-bottom: 1px solid #000;
         line-height: 24px;
         font-size: 16px;
         font-weight: bold;
@@ -1239,7 +1240,7 @@
       display: block;
       position: absolute;
       width: 100%;
-      border-bottom: 1px solid #333;
+      border-bottom: 1px solid #000;
       bottom: 2px;
       left: 0;
       z-index: 1;

src/modules/card/assets/styles/card-temp.css

@@ -30,6 +30,7 @@
   background: #fff;
   margin: 0 auto;
   font-weight: normal;
+  font-family: "宋体", Arial, sans-serif;
 }
 
 .page-box .page-main {
@@ -316,7 +317,7 @@
   bottom: 0;
   right: 0;
   z-index: 1;
-  border: 1px solid #333;
+  border: 1px solid #000;
   overflow: hidden;
 }
 
@@ -401,7 +402,7 @@
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   z-index: 2;
-  border: 1px solid #333;
+  border: 1px solid #000;
   border-top: 0;
 }
 
@@ -428,11 +429,11 @@
 }
 
 .page-column-element .element-item-type-last::before {
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #000;
 }
 
 .page-column-element:last-child .element-item::before {
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #000;
 }
 
 .page-column-element:last-child
@@ -541,7 +542,7 @@
   display: table-cell;
   width: 50%;
   vertical-align: top;
-  border: 1px solid #333;
+  border: 1px solid #000;
 }
 
 .grid-row .grid-col-dash {
@@ -581,7 +582,7 @@
   display: block;
   position: absolute;
   width: 100%;
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #000;
   bottom: 6px;
   left: 0;
   z-index: 1;
@@ -713,7 +714,7 @@
 
 .elem-topic-head .elem-body {
   padding: 0;
-  border: 1px solid #333;
+  border: 1px solid #000;
 }
 
 .elem-topic-head-pad {
@@ -724,7 +725,7 @@
   font-size: 16px;
   height: 29px;
   line-height: 28px;
-  border-bottom: 1px dotted #333;
+  border-bottom: 1px dotted #000;
   font-weight: normal;
 }
 
@@ -849,7 +850,7 @@
 }
 
 .elem-grids > table td {
-  border: 1px solid #333;
+  border: 1px solid #000;
 }
 
 .elem-grids-halving > table {
@@ -1113,7 +1114,7 @@
 .elem-fill-number .fill-number-rect {
   font-size: 0;
   height: 27px;
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #000;
 }
 
 .elem-fill-number .fill-number-number {
@@ -1124,7 +1125,7 @@
 }
 
 .elem-fill-number .fill-number-number:not(:last-child) {
-  border-right: 1px solid #333;
+  border-right: 1px solid #000;
 }
 
 .elem-fill-number .fill-number-head {
@@ -1132,7 +1133,7 @@
 }
 
 .elem-fill-number .fill-number-head > h5 {
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #000;
   line-height: 24px;
   font-size: 16px;
   font-weight: bold;
@@ -1193,7 +1194,7 @@
   display: block;
   position: absolute;
   width: 100%;
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #000;
   bottom: 2px;
   left: 0;
   z-index: 1;