9090 <el-radio :label =" 4" >{{showAnswer.answerD}}</el-radio >
9191 </el-radio-group >
9292 <div class =" analysis" v-if =" isPractice" >
93- <span >正确姿势:</span ><span class =" right" >{{reduceAnswer.right}}</span >
93+ <ul >
94+ <li > <el-tag type =" success" >正确姿势:</el-tag ><span class =" right" >{{reduceAnswer.right}}</span ></li >
95+ <li ><el-tag >题目解析:</el-tag ></li >
96+ <li >{{reduceAnswer.analysis == null ? '暂无解析': reduceAnswer.analysis}}</li >
97+ </ul >
9498 </div >
9599 </div >
96100 <div class =" fill" v-if =" currentType == 2" >
102106 </el-input >
103107 </div >
104108 <div class =" analysis" v-if =" isPractice" >
105- <span >正确姿势:</span ><span class =" right" >{{topic[2][index].answer}}</span >
109+ <ul >
110+ <li > <el-tag type =" success" >正确姿势:</el-tag ><span class =" right" >{{topic[2][index].answer}}</span ></li >
111+ <li ><el-tag >题目解析:</el-tag ></li >
112+ <li >{{topic[2][index].analysis == null ? '暂无解析': topic[2][index].analysis}}</li >
113+ </ul >
106114 </div >
107115 </div >
108116 <div class =" judge" v-if =" currentType == 3" >
111119 <el-radio :label =" 2" >错误</el-radio >
112120 </el-radio-group >
113121 <div class =" analysis" v-if =" isPractice" >
114- <span >正确姿势:</span ><span class =" right" >{{topic[3][index].answer}}</span >
122+ <ul >
123+ <li > <el-tag type =" success" >正确姿势:</el-tag ><span class =" right" >{{topic[2][index].answer}}</span ></li >
124+ <li ><el-tag >题目解析:</el-tag ></li >
125+ <li >{{topic[3][index].analysis == null ? '暂无解析': topic[3][index].analysis}}</li >
126+ </ul >
115127 </div >
116128 </div >
117129 </div >
@@ -486,6 +498,15 @@ export default {
486498 border : 1px solid #2776df ;
487499 padding : 0px 6px ;
488500 border-radius : 4px ;
501+ margin-left : 20px ;
502+ }
503+ ul li :nth-child (2 ) {
504+ margin : 20px 0px ;
505+ }
506+ ul li :nth-child (3 ) {
507+ padding : 10px ;
508+ background-color : #d3c6c9 ;
509+ border-radius : 4px ;
489510 }
490511}
491512.analysis span :nth-child (1 ) {
@@ -503,10 +524,10 @@ export default {
503524}
504525.border {
505526 position : relative ;
506- border : 1px solid #6bb851 !important ;
527+ border : 1px solid #FF90AA !important ;
507528}
508529.bg {
509- background-color : #2776df !important ;
530+ background-color : #5188b8 !important ;
510531}
511532.fill .el-input {
512533 display : inline-flex ;
@@ -691,6 +712,7 @@ export default {
691712}
692713.left .l-top li :nth-child (3 ) a {
693714 background-color : #5188b8 ;
715+ border : none ;
694716}
695717.left .l-top li :nth-child (4 ) a {
696718 position : relative ;
@@ -717,7 +739,7 @@ export default {
717739 padding : 10px ;
718740 border-radius : 50% ;
719741 background-color : #fff ;
720- border : 1px solid #6bb851 ;
742+ border : 1px solid #FF90AA ;
721743}
722744#answer .top {
723745 background-color : rgb (39 , 118 , 223 );
0 commit comments