Explorar o código

答题改为外部最大宽度为1200px

dusenyao hai 1 ano
pai
achega
d1dca308da
Modificáronse 1 ficheiros con 11 adicións e 17 borrados
  1. 11 17
      src/views/exercise_questions/answer/index.vue

+ 11 - 17
src/views/exercise_questions/answer/index.vue

@@ -26,17 +26,15 @@
 
 
       <AnswerReport v-else-if="isSubmit" :record-report="recordReport" @selectQuestion="selectQuestion" />
       <AnswerReport v-else-if="isSubmit" :record-report="recordReport" @selectQuestion="selectQuestion" />
 
 
-      <div v-else class="answer-container">
-        <template v-for="({ id }, i) in questionList">
-          <component
-            :is="curQuestionPage"
-            v-if="i === curQuestionIndex"
-            :key="id"
-            ref="exercise"
-            :data="currentQuestion"
-          />
-        </template>
-      </div>
+      <template v-for="({ id }, i) in questionList" v-else>
+        <component
+          :is="curQuestionPage"
+          v-if="i === curQuestionIndex"
+          :key="id"
+          ref="exercise"
+          :data="currentQuestion"
+        />
+      </template>
     </main>
     </main>
 
 
     <footer class="footer">
     <footer class="footer">
@@ -481,8 +479,10 @@ export default {
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   row-gap: 16px;
   row-gap: 16px;
+  max-width: 1200px;
   height: 100%;
   height: 100%;
   padding: 16px;
   padding: 16px;
+  margin: 0 auto;
   background-color: #fff;
   background-color: #fff;
   border-radius: 24px;
   border-radius: 24px;
   box-shadow: 0 6px 30px 5px #0000000d;
   box-shadow: 0 6px 30px 5px #0000000d;
@@ -506,12 +506,6 @@ export default {
 
 
   .main {
   .main {
     flex: 1;
     flex: 1;
-
-    .answer-container {
-      width: 100%;
-      max-width: 1200px;
-      margin: 0 auto;
-    }
   }
   }
 
 
   .footer {
   .footer {