Browse Source

修改:我的作答多个题号;单选题按钮样式

吴朋磊 18 hours ago
parent
commit
5cee7d00a8

+ 9 - 1
src/views/teachingHomework/homeworkTask/answer.vue

@@ -1004,8 +1004,16 @@ export default {
             }
 
             :deep(.el-radio__input.is-checked .el-radio__inner) {
+              background-color: #fff;
+              border: 1px solid #2E64FA;
+              box-shadow: none;
+            }
+
+            :deep(.el-radio__input.is-checked .el-radio__inner::after) {
+              width: 10px;
+              height: 10px;
               background-color: #2E64FA;
-              border-color: #2E64FA;
+              transform: translate(-50%, -50%) scale(1);
             }
 
             :deep(.el-radio__input.is-checked + .el-radio__label),

+ 13 - 12
src/views/teachingHomework/homeworkTask/viewAnswer.vue

@@ -74,7 +74,6 @@
             <div class="block_box my_answer_box">
               <div class="dock_answer">
                 <span class="dock_label">我的作答:</span>
-                <span v-if="isSingle" class="dock_sub_no">(1)</span>
                 <el-radio-group
                   v-if="isJudge"
                   class="choice_radio"
@@ -966,30 +965,32 @@ export default {
             :deep(.el-radio__inner) {
               width: 16px;
               height: 16px;
-              border: 1px solid #DCDFE6;
-              background: #fff;
+              border: 1px solid #DCDFE6 !important;
+              background: #fff !important;
               cursor: default;
             }
 
-            :deep(.el-radio__input.is-disabled .el-radio__inner) {
-              background-color: #fff;
-              border-color: #DCDFE6;
-            }
-
+            :deep(.el-radio__input.is-checked .el-radio__inner),
             :deep(.el-radio__input.is-disabled.is-checked .el-radio__inner) {
-              background-color: #2E64FA;
-              border-color: #2E64FA;
+              background-color: #fff !important;
+              border: 1px solid #2E64FA !important;
+              box-shadow: none;
             }
 
+            :deep(.el-radio__input.is-checked .el-radio__inner::after),
             :deep(.el-radio__input.is-disabled.is-checked .el-radio__inner::after) {
-              background-color: #fff;
+              width: 10px;
+              height: 10px;
+              background-color: #2E64FA;
+              transform: translate(-50%, -50%) scale(1);
             }
 
+            :deep(.el-radio__input.is-checked + .el-radio__label),
             :deep(.el-radio__input.is-disabled + .el-radio__label),
             :deep(.el-radio__label) {
               padding-left: 8px;
               font-size: 14px;
-              color: #333;
+              color: #333 !important;
               line-height: 20px;
               cursor: default;
             }