From d2599087d159122504da8a7e6c7d6c71a953f6da Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Mon, 19 Sep 2022 15:22:10 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E8=80=83?=
 =?UTF-8?q?=E8=AF=95=E5=88=86=E6=95=B0=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/testscore/TestScore.vue | 106 ++++++++++++++++++++++++++++++
 1 file changed, 106 insertions(+)
 create mode 100644 src/views/testscore/TestScore.vue

diff --git a/src/views/testscore/TestScore.vue b/src/views/testscore/TestScore.vue
new file mode 100644
index 0000000..afa77df
--- /dev/null
+++ b/src/views/testscore/TestScore.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="surveydetail">
+    <!-- 标题 -->
+    <div class="title">考试模式</div>
+    <!-- 标题 -->
+    <!-- 详细内容 -->
+    <div class="bascinfo">
+      <!-- 中间盒子 -->
+      <div class="centercontent clearfix">
+        <div class="gaptest">阶段性考试</div>
+        <div class="scorebox clearfix">
+          <div class="yourscore">您本次考试分数：</div>
+          <div class="score">84</div>
+          <div class="fen">分</div>
+        </div>
+      </div>
+    </div>
+    <!-- 详细内容 -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: "TestScore",
+};
+</script>
+
+<style scoped lang="scss">
+.surveydetail {
+  .title {
+    font-size: 20px;
+    font-weight: 800;
+    color: #ffffff;
+    line-height: 24px;
+    margin-top: 17px;
+    margin-left: 0px;
+  }
+  .bascinfo {
+    min-height: 800px;
+    width: 100%;
+    background: #ffffff;
+    border-radius: 8px;
+    margin-top: 24px;
+    display: flex;
+    // flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .clearfix:before,
+    .clearfix:after {
+      content: "";
+      display: table;
+      clear: both;
+    }
+    .centercontent {
+      width: 842px;
+      height: 228px;
+      background: #f2f5f7;
+      border-radius: 8px;
+      position: relative;
+      .gaptest {
+        // margin-left: 362px;
+        font-size: 24px;
+        font-family: PingFang SC;
+        font-weight: 800;
+        color: #56a3f9;
+        position: absolute;
+        left: 50%;
+        top: 38px;
+        transform: translate(-50%, 0);
+      }
+      .scorebox {
+        width: 803px;
+        height: 111px;
+        background: #ffffff;
+        border-radius: 0px 8px 0px 8px;
+        margin-top: 94px;
+        margin-left: 20px;
+        display: flex;
+        .yourscore {
+          margin-top: 44px;
+          margin-left: 277px;
+          font-size: 18px;
+          font-family: PingFang SC;
+          font-weight: 800;
+          color: #56a3f9;
+        }
+        .score {
+          font-size: 48px;
+          font-family: PingFang SC;
+          font-weight: 800;
+          color: #ee423d;
+          margin-left: 20px;
+          margin-top: 26px;
+        }
+        .fen {
+          font-size: 18px;
+          font-weight: 600;
+          color: #ef4f4a;
+          margin-left: 20px;
+          margin-top: 54px;
+        }
+      }
+    }
+  }
+}
+</style>