|
@@ -26,15 +26,17 @@
|
|
|
|
|
|
<AnswerReport v-else-if="isSubmit" :record-report="recordReport" @selectQuestion="selectQuestion" />
|
|
|
|
|
|
- <template v-for="({ id }, i) in questionList" v-else>
|
|
|
- <component
|
|
|
- :is="curQuestionPage"
|
|
|
- v-if="i === curQuestionIndex"
|
|
|
- :key="id"
|
|
|
- ref="exercise"
|
|
|
- :data="currentQuestion"
|
|
|
- />
|
|
|
- </template>
|
|
|
+ <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>
|
|
|
</main>
|
|
|
|
|
|
<footer class="footer">
|
|
@@ -504,6 +506,12 @@ export default {
|
|
|
|
|
|
.main {
|
|
|
flex: 1;
|
|
|
+
|
|
|
+ .answer-container {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 1200px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.footer {
|