|
|
@@ -26,17 +26,15 @@
|
|
|
|
|
|
<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>
|
|
|
|
|
|
<footer class="footer">
|
|
|
@@ -481,8 +479,10 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
row-gap: 16px;
|
|
|
+ max-width: 1200px;
|
|
|
height: 100%;
|
|
|
padding: 16px;
|
|
|
+ margin: 0 auto;
|
|
|
background-color: #fff;
|
|
|
border-radius: 24px;
|
|
|
box-shadow: 0 6px 30px 5px #0000000d;
|
|
|
@@ -506,12 +506,6 @@ export default {
|
|
|
|
|
|
.main {
|
|
|
flex: 1;
|
|
|
-
|
|
|
- .answer-container {
|
|
|
- width: 100%;
|
|
|
- max-width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
.footer {
|
