فهرست منبع

style(choiceQuestion): replace active item shadow with border

替换选择题激活状态的阴影样式为黄色边框,优化选中视觉效果
SanHQin 2 روز پیش
والد
کامیت
37f19b24e3
1فایلهای تغییر یافته به همراه6 افزوده شده و 2 حذف شده
  1. 6 2
      src/components/pages/workPage/components/choiceQuestion.vue

+ 6 - 2
src/components/pages/workPage/components/choiceQuestion.vue

@@ -307,13 +307,15 @@ export default {
   font-size: 1rem;
   font-size: 1rem;
   color: #000;
   color: #000;
   user-select: none;
   user-select: none;
+  border: solid 4px rgba(252, 207, 0, 0);
   /* 不可选中 */
   /* 不可选中 */
   /* box-sizing: border-box;
   /* box-sizing: border-box;
   padding: 20px 40px; */
   padding: 20px 40px; */
 }
 }
 
 
 .cq_ca_t1_item_active {
 .cq_ca_t1_item_active {
-  box-shadow: 4px 4px 14px 0px rgba(252, 207, 0, 0.5);
+  /* box-shadow: 4px 4px 14px 4px rgba(252, 207, 0, 1); */
+  border: solid 4px rgba(252, 207, 0, 1);
 }
 }
 
 
 .cq_ca_t1_item>div {
 .cq_ca_t1_item>div {
@@ -380,6 +382,7 @@ export default {
   user-select: none;
   user-select: none;
   overflow: auto;
   overflow: auto;
   overflow-y: hidden;
   overflow-y: hidden;
+  border: solid 4px rgba(252, 207, 0, 0);
 }
 }
 
 
 .cq_ca_t2_item>div {
 .cq_ca_t2_item>div {
@@ -402,7 +405,8 @@ export default {
 
 
 
 
 .cq_ca_t2_item_active {
 .cq_ca_t2_item_active {
-  box-shadow: 4px 4px 14px 0px rgba(252, 207, 0, 0.5);
+  /* box-shadow: 4px 4px 14px 0px rgba(252, 207, 0, 0.5); */
+  border: solid 4px rgba(252, 207, 0, 1);
 }
 }
 
 
 .cq_ca_t2_item>div {
 .cq_ca_t2_item>div {