aamin 1 год назад
Родитель
Сommit
b08bc1b53e

BIN
src/assets/images/answering-bg.png


BIN
src/assets/images/label_02.png


BIN
src/assets/images/label_03.png


BIN
src/assets/images/label_04.png


BIN
src/assets/images/label_05.png


BIN
src/assets/images/themb-bg.png


+ 15 - 32
src/assets/styles/base.css

@@ -31,8 +31,7 @@ ul {
   list-style: none;
 }
 body {
-  overflow: auto;
-  overflow-y: overlay;
+  overflow: hidden;
 }
 /* 文本域取消下拉 */
 textarea {
@@ -41,7 +40,7 @@ textarea {
 }
 /* 主题色 */
 :root {
-  --themeColor: rgb(185, 12, 12);
+  --themeColor: #b90c0c;
 }
 /* 找不到页面 */
 .noFindPage {
@@ -80,7 +79,7 @@ textarea {
   color: #ff4d4d;
 }
 #root .ant-pagination {
-  margin: 40px 0;
+  margin: 40px 0 !important;
 }
 #root .ant-pagination .ant-pagination-item {
   border-radius: 50%;
@@ -135,25 +134,8 @@ textarea {
 #root .ant-table-cell {
   text-align: center !important;
 }
-#root .ant-table {
-  border-radius: 0;
-  /* background: red; */
-  border: 1px solid rgb(226, 224, 224);
-
-  .ant-table-header {
-    border-radius: 0;
-  }
-  .ant-table-bordered {
-    >.ant-table-container {
-      border: none;
-      border-radius: 0;
-    }
-  }
-  #root .ant-table-wrapper >table {
-    border-radius: 0;
-  }
-  
-  
+#root .ant-table-container {
+  border: 1px solid #f0f0f0 !important;
 }
 [hidden] {
   display: none !important;
@@ -167,18 +149,19 @@ textarea {
 .pageTitle {
   font-size: 18px;
   font-weight: 700;
-  color: var(--themeColor);
-  margin-bottom: 10px;
+  position: absolute;
+  z-index: 11;
+  padding-left: 40px;
 }
 .pageTitle::before {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
   content: '';
-  width: 3px;
-  height: 19px;
-  background-color: var(--themeColor);
-  display: inline-table;
-  margin-right: 5px;
-  vertical-align: middle;
-  margin-bottom: 3px;
+  width: 6px;
+  height: 20px;
+  background-color: #775755;
 }
 .mySorrl::-webkit-scrollbar {
   /*滚动条整体样式*/

+ 2 - 2
src/assets/styles/base.less

@@ -38,8 +38,8 @@ ul {
 }
 
 body {
-  overflow: auto;
-  overflow-y: overlay;
+  overflow: hidden;
+  // overflow-y: overlay;
 }
 
 /* 文本域取消下拉 */

+ 2 - 1
src/pages/Home/index.module.scss

@@ -3,6 +3,7 @@
   height: 100vh;
   background: url(../../assets/images/bg.png);
   background-size: 100% 100%;
+  overflow: hidden;
 
   :global {
 
@@ -63,7 +64,7 @@
       // background: rgba(206, 36, 36, 0.822);
       .center-btn {
         padding: 10px;
-
+        font-size: 18px;
       }
 
       .center-noshow {

+ 13 - 2
src/pages/Home/index.tsx

@@ -309,6 +309,12 @@ const Home = () => {
 
   const [curPickup, setCurPickup] = useState(-1);
 
+   // 返回
+   const onBack = () => {
+    let data =  { 'type': 'customType', 'message': 'onBack' }
+    window.parent.postMessage(data,'*')
+  };
+
   // 选中答案
   const pickUp = (index: number) => {
     if (isAnswered) {
@@ -362,7 +368,12 @@ const Home = () => {
       }}
     >
       {/* 顶部图标区域 */}
-      <img className="btn_back" onClick={() => {window.history.back()}} src={backImg} alt="" />
+      <img
+        className="btn_back"
+        onClick={() =>{onBack()}}
+        src={backImg}
+        alt=""
+      />
       <img className="btn_logo" src={logoImg} alt="" />
 
       {/* 进度条 */}
@@ -447,7 +458,7 @@ const Home = () => {
       ) : (
         <div className="result-box">
           <img src={getResultImg()} alt="" />
-          <div className="disc">
+          <div className="disc" style={{ marginTop: 40 }}>
             您已完成了答题,用时{spenMinutes}分{spenSeconds}秒,共答对
             {rightCount}道题
           </div>