update style

public/react/src/modules/wxcode/index.js

@@ -4,7 +4,7 @@
  * @Github:
  * @Date: 2020-01-15 09:56:34
  * @LastEditors  : tangjiang
- * @LastEditTime : 2020-01-18 11:51:42
+ * @LastEditTime : 2020-01-18 15:07:09
  */
 import './index.scss';
 import React, {useState, useEffect, useRef} from 'react';
@@ -198,7 +198,7 @@ const App = (props) => {
             options={{
               selectOnLineNumbers: true,
               automaticLayout: true,
-              fontSize: `36px`
+              fontSize: `42px`
             }}
             theme='dark'
             editorDidMount={handleEditorChange}

public/react/src/modules/wxcode/index.scss

@@ -30,8 +30,8 @@
         // font-size: 24px !important;
         // transform: scale(2.4);
         // line-height: 2;
-        font-size: 32px !important;
+        font-size: 34px !important;
-        transform: scale(2);
+        transform: scale(1.8);
         position: relative;
         // top: 10px;
       }
@@ -47,7 +47,7 @@
       }
       .icon-txt{
         // margin-top: 5px;
-        font-size: 28px;
+        font-size: 32px;
       }
     }
   }
@@ -106,11 +106,11 @@
       .header-title{
         color:#637DA6;
         // font-size: 24px; 
-        font-size: 36px;
+        font-size: 48px;
       }
       .header-close{
-        // font-size: 36px;
+        // font-size: 42px;
-        font-size: 36px;
+        font-size: 48px;
         color: #2EA4FF;
       }
     }
@@ -129,14 +129,14 @@
         color: rgba(196, 79, 78, 1);
       }
       .icon{
-        font-size: 36px !important;
+        font-size: 48px !important;
         position: relative;
         // top: -8px;
         margin-right: 10px;
       }
       .result-txt{
         // font-size: 34px;
-        font-size: 36px;
+        font-size: 48px;
       }
       .result-txt-desc{
         max-width: 500px;
@@ -193,19 +193,19 @@
         }
         .case-item-tips{
           color: #C67676;
-          font-size: 22px;
+          font-size: 38px;
         }
       }
 
       .item-header-desc{
-        font-size: 36px;
+        font-size: 48px;
         color: #405D8C;
         line-height: 1.5;
         // background: gold;
         .icon{
           position: relative;
           top: -4px;
-          font-size: 36px !important;
+          font-size: 42px !important;
           margin-right: 10px;
         }
         &.active{
@@ -214,12 +214,12 @@
       }
       
       .case-item-tips{
-        font-size: 36px;
+        font-size: 42px;
       }
       .case-item-desc{
         display: none;
         flex-direction: column;
-        font-size: 36px;
+        font-size: 42px;
         line-height: 1.5;
 
         &.active{
@@ -229,11 +229,12 @@
       .desc-title{
         color: #637DA6;
         line-height: 2;
+        font-size: 48px;
       }
       .text-area-style{
         background:#010E1F !important;
         color: #fff;
-        font-size: 36px;
+        font-size: 48px;
         line-height: 1.5;
         border: none;
       }
@@ -283,7 +284,7 @@
         font-size: 100px !important;
       }
       .loading-txt{
-        font-size: 36px;
+        font-size: 42px;
       }
     }
   }
@@ -315,7 +316,7 @@
       .pass-value,
       .pass-btn .btn,
       .pass-btn-all .btn{
-        font-size: 36px;
+        font-size: 42px;
         line-height: 1.5;
       }
       .pass-value{