zouyf_dev #364
|
@ -74,28 +74,28 @@
|
|||
|
||||
<div class="title">试题详情</div>
|
||||
<!-- 习题训练 -->
|
||||
<el-card style="max-width: 100%; margin-bottom: 10px; text-align: left;">
|
||||
<el-card class="item-card">
|
||||
<el-row>
|
||||
<el-col :span="24" style="padding: 10px">
|
||||
<!-- 题源、题目标题、题目选项 -->
|
||||
<span>{{ activeExam.worktag }}</span>
|
||||
<span style="margin-left: 4px" v-html="activeExam.titleFormat"></span>
|
||||
<div :span="24" style="padding: 6px" v-html="activeExam.workdescFormat"></div>
|
||||
<span v-html="activeExam.titleFormat"></span>
|
||||
<div :span="24" style="padding: 12px 6px 2px" v-html="activeExam.workdescFormat"></div>
|
||||
<!-- 折叠: 详情分析解答 -->
|
||||
<div class="demo-collapse">
|
||||
<el-collapse v-model="activeExamFlag">
|
||||
<el-collapse v-model="activeExamFlag" class="custom-collapse">
|
||||
<el-collapse-item title="详情分析解答" name="1">
|
||||
<el-row style=" padding: 6px 10px; border: 2px dotted;">
|
||||
<el-row style=" padding: 4px; border: 2px dotted;">
|
||||
<template #default="scope">
|
||||
<el-col :span="2" style="padding: 6px 0px"><em>【答案】</em></el-col>
|
||||
<el-col :span="21" style="padding: 6px 0px" v-html="activeExam.workanswerFormat"></el-col>
|
||||
<el-col :span="2" style="padding: 6px 0px"><em>【分析】</em></el-col>
|
||||
<el-col :span="21" style="padding: 6px 0px" v-html="activeExam.method"></el-col>
|
||||
<el-col :span="2" style="padding: 6px 0px"><em>【解答】</em></el-col>
|
||||
<el-col :span="21" style="padding: 6px 0px" v-html="activeExam.analyse"></el-col>
|
||||
<el-col :span="2" style="padding: 6px 0px"><em>【点评】</em></el-col>
|
||||
<el-col :span="21" style="padding: 6px 0px" v-html="activeExam.discuss"></el-col>
|
||||
<!-- <el-col :span="21" style="padding: 6px 0px" v-html="dataList[activeTopic-1].def.discuss"></el-col> -->
|
||||
<el-col :span="3" style="padding: 4px 0px"><em>【答案】</em></el-col>
|
||||
<el-col :span="21" style="padding: 4px 0px" v-html="activeExam.workanswerFormat"></el-col>
|
||||
<el-col :span="3" style="padding: 4px 0px"><em>【分析】</em></el-col>
|
||||
<el-col :span="21" style="padding: 4px 0px" v-html="activeExam.method"></el-col>
|
||||
<el-col :span="3" style="padding: 4px 0px"><em>【解答】</em></el-col>
|
||||
<el-col :span="21" style="padding: 4px 0px" v-html="activeExam.analyse"></el-col>
|
||||
<el-col :span="3" style="padding: 4px 0px"><em>【点评】</em></el-col>
|
||||
<el-col :span="21" style="padding: 4px 0px" v-html="activeExam.discuss"></el-col>
|
||||
<!-- <el-col :span="21" style="padding: 4px 0px" v-html="dataList[activeTopic-1].def.discuss"></el-col> -->
|
||||
</template>
|
||||
</el-row>
|
||||
</el-collapse-item>
|
||||
|
@ -433,6 +433,17 @@ watchEffect(() => { initData() })
|
|||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.item-card {
|
||||
max-width: 100%;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
font-size: 18px;
|
||||
|
||||
:deep(.el-collapse-item__content){
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue