Merge branch 'ai-test' into dev

src/components/ai-test/scores/index.js

@@ -303,6 +303,10 @@ class Scores extends Component {
             }
           </div>
         </div>
+        <div className="qrcode">
+          <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/ai-test/qr.png" alt=""/>
+          <div>得100分，请长按/扫码，免费领课！</div>
+        </div>
         <div className="btn">
           {
             compareDesc(new Date(), pageState.stop_time * 1000) > 0 ?

src/components/ai-test/scores/index.scss

@@ -145,8 +145,32 @@
 
 
       div:nth-child(1) {
-        font-size: 18px;
+        position: relative;
         margin-bottom: 5px;
+        font-size: 18px;
+
+        @mixin pseudo {
+          content: '';
+          display: block;
+          position: absolute;
+          top: 50%;
+          transform: translateY(-50%);
+          width: 25px;
+          height: 11px;
+          background: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/ai-test/m/title-decoration.png") no-repeat;
+          background-size: contain;
+        }
+
+        &::before {
+          @include pseudo;
+          left: 109px;
+        }
+
+        &::after {
+          @include pseudo;
+          right: 109px;
+          transform: scaleX(-1) translateY(-50%);
+        }
       }
 
       div:nth-child(2) {
@@ -475,4 +499,18 @@
       color: #fff;
     }
   }
+
+  .qrcode {
+    padding-bottom: 40px;
+    font-size: 12px;
+    color: #fff;
+    text-align: center;
+    $font-family-zh: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+
+    img {
+      width: 110px;
+      height: 110px;
+      margin-bottom: 6px;
+    }
+  }
 }
\ No newline at end of file