提交 d7b1dd20 authored 作者: lihuihui's avatar lihuihui

修改已做试题详情,收藏试题详情选项样式

上级 9eee625e
...@@ -34,7 +34,10 @@ ...@@ -34,7 +34,10 @@
: item.user_answer.find(id => { return id === opt.id }) : item.user_answer.find(id => { return id === opt.id })
? 'active' ? 'active'
: ''" : ''"
>{{ opt.option }}</li> >
<van-icon class="icon" name="checked" v-if="item.user_answer.length != 0 && item.question_answer.find(id => { return id === opt.id })"/>
<div>{{ opt.option }}</div>
</li>
<li <li
v-else v-else
:key="opt.id+'=-='" :key="opt.id+'=-='"
...@@ -44,7 +47,10 @@ ...@@ -44,7 +47,10 @@
: item.user_answer.find(id => { return id === opt.id }) : item.user_answer.find(id => { return id === opt.id })
? 'active' ? 'active'
: ''" : ''"
>{{ opt.option }}</li> >
<van-icon class="icon" name="checked" v-if="item.user_answer.length != 0 && item.question_answer.find(id => { return id === opt.id })"/>
<div>{{ opt.option }}</div>
</li>
</template> </template>
</ul> </ul>
<div class="analy" v-show="isAnalysis || item.user_answer.length != 0"> <div class="analy" v-show="isAnalysis || item.user_answer.length != 0">
...@@ -78,13 +84,8 @@ ...@@ -78,13 +84,8 @@
</div> </div>
<template> <template>
<div class="btn-box"> <div class="btn-box">
<div class="padd" v-if="$route.query.type != 2"> <div :class="$route.query.type == 2 ? 'padd new' : 'padd'">
<!-- <div class="analysis" @click="isAnalysis = !isAnalysis" v-if="$route.query.type == 1 || $route.query.type == 2">查看解析</div> --> <div class="ysc" v-if="$route.query.type == 2">已收藏</div>
<div class="btn left" @click="switchQuestions('left')" v-if="isBtnShow.currentPage != 1">上一题</div>
<div class="btn right" @click="switchQuestions('right')" v-if="isBtnShow.currentPage != isBtnShow.pageCount">下一题</div>
</div>
<div class="padd new" v-else>
<div class="ysc">已收藏</div>
<!-- <div class="analysis" @click="isAnalysis = !isAnalysis" v-if="$route.query.type == 1 || $route.query.type == 2">查看解析</div> --> <!-- <div class="analysis" @click="isAnalysis = !isAnalysis" v-if="$route.query.type == 1 || $route.query.type == 2">查看解析</div> -->
<div class="btn left" @click="switchQuestions('left')" v-if="isBtnShow.currentPage != 1">上一题</div> <div class="btn left" @click="switchQuestions('left')" v-if="isBtnShow.currentPage != 1">上一题</div>
<div class="btn right" @click="switchQuestions('right')" v-if="isBtnShow.currentPage != isBtnShow.pageCount">下一题</div> <div class="btn right" @click="switchQuestions('right')" v-if="isBtnShow.currentPage != isBtnShow.pageCount">下一题</div>
...@@ -509,12 +510,20 @@ export default { ...@@ -509,12 +510,20 @@ export default {
padding: .35rem .2rem; padding: .35rem .2rem;
margin-bottom: .2rem; margin-bottom: .2rem;
word-wrap:break-word; word-wrap:break-word;
display: flex;
align-items: center;
}
.icon{
color: #5CB9A2;
font-size: .3rem;
margin-right: .1rem;
} }
.active{ .active{
color: #5F95DE; color: #5F95DE;
background:#DDF1FF; background:#DDF1FF;
} }
.active2{ .active2{
// padding-left: ;
color: #40A38B; color: #40A38B;
background: #E4F9ED; background: #E4F9ED;
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论