update

src/components/pages/test/add/components/GapFilling/gap.vue

@@ -46,31 +46,10 @@ export default {
 </script>
 
 <style scoped>
-.c_box {
-    width: calc(100% - 20px);
-    position: relative;
-    margin: 0 auto;
-    padding-left: 26px;
-    box-sizing: border-box;
-}
-.mask{
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-}
-.choice_box {
-    white-space: pre-line;
-}
+@import '../../global_styles.css';
+
+
 
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
-.choice_box>.choices {
-   margin-top:10px;
-}
 .binfo_input {
     width: 100%;
     margin: 0;
@@ -103,12 +82,4 @@ export default {
     border: 1.5px solid #3681FC !important;
 }
 
-.set_box{
-    border: 1px solid #CAD1DC;
-    padding: 8px;
-    border-radius: 5px;
-    box-sizing: border-box;
-    width: 100%;
-    color: #828282;
-}
 </style>

src/components/pages/test/add/components/checkOrder.vue

@@ -2,7 +2,7 @@
     <div class="co_box">
         <div v-for="(item1, index1) in this.checkJson" :key="index1" class="mc_ti_1" :draggable="isdrag == `${index1}`"
             :class="{
-                active: checkC === `x${index1}`,
+								active: checkC === `x${index1}`,
                 dragOverTop: newIndex === index1 && typeIndex == 'drag-' + index1 && (oldIndex > index1 && (!(newIndex2 || newIndex2 === 0) || !(newIndex3 || newIndex3 === 0))),
                 dragOverBottom: newIndex === index1 && typeIndex == 'drag-' + index1 && (oldIndex < index1 || !(!(newIndex2 || newIndex2 === 0) || !(newIndex3 || newIndex3 === 0))),
             }" @click.stop="checkTitle(`${index1}`, 1, item1)" @dragstart="dragStart(item1, index1, `${index1}`)"
@@ -308,7 +308,7 @@ export default {
                     } else if (item.type == 8) {
                         className += " test_icon_time"
                     }
-                    return index + 1 + "、" + (item.json && this.etype != 'edit' ? `<span class='${className}'></span>` : `<span class='${className}'></span>` + this.options2[item.type]) + (item.json && this.etype != 'edit' ? `${item.json.title}` : "");
+                    return `${this.etype=='edit'?'<span class="test_index">'+(index+1)+'</span>':index+1+'、'}` + "" + (item.json && this.etype != 'edit' ? `<span class='${className}'></span>` : `<span class='${className}'></span>` + this.options2[item.type]) + (item.json && this.etype != 'edit' ? `${item.json.title}` : "");
                 } else if (item.ttype == 2) {
                     return `${item.name ? item.name : `第${index + 1}组`}（共${item.array.length}题）`;
                 } else if (item.ttype == 3) {
@@ -820,9 +820,41 @@ export default {
 .mc_ti_2.active,
 .mc_ti_3.active {
     /* border: 1px solid #0062ff; */
-    background: rgb(239, 240, 241);
+    /* background: rgb(239, 240, 241); */
+		/* background-color: #fff;
+		border-radius: 5px;
+		border: 1px solid #E0EAFB;
+		box-shadow: 0 0 2px 0px #cdddf8; */
+		background-color: #fff;
 }
 
+.mc_ti_1.active,
+.mc_ti_2.active,
+.mc_ti_3.active{
+	background-color: #fff;
+	box-shadow: 1px 1px 20px 4px rgba(29, 57, 131, 0.05), 0px 4px 10px 0px rgba(29, 57, 131, 0.08);
+	border:solid 1px #3681FC !important;
+	border-radius: 6px;
+}
+
+.mc_ti_1,
+.mc_ti_2,
+.mc_ti_3{
+	border: solid 1px #fff;
+	/* padding-bottom: 10px; */
+}
+
+.mc_ti_1:hover,
+.mc_ti_2:hover,
+.mc_ti_3:hover {
+	background-color: #fff;
+	box-shadow: 1px 1px 20px 4px rgba(29, 57, 131, 0.05), 0px 4px 10px 0px rgba(29, 57, 131, 0.08);
+	border: 1px solid #E0EAFB;
+	border-radius: 6px;
+}
+
+
+
 .mc_ti_1.active>.title>.drag,
 .mc_ti_2.active>.title>.drag,
 .mc_ti_3.active>.title>.drag {
@@ -877,4 +909,16 @@ export default {
 .dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
   color: #fff;
 }
+
+.content>>>.test_index{
+	margin-right: 20px;
+	font-size: 28px;
+	font-weight: bold;
+
+	color: #AECCFE;
+}
+
+.active>>>.test_index{
+	color: #3681FC;
+}
 </style>

src/components/pages/test/add/components/choice/choice.vue

@@ -39,31 +39,8 @@ export default {
 </script>
 
 <style scoped>
-.c_box {
-    width: calc(100% - 20px);
-    position: relative;
-    margin: 0 auto;
-    padding-left: 26px;
-    box-sizing: border-box;
-}
-.mask{
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-}
-.choice_box {
-    white-space: pre-line;
-}
+@import '../../global_styles.css';
 
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
-.choice_box>.choices {
-   margin-top:10px;
-}
 .choice_box>.choices >.choice{
     word-break: break-all;
 }
@@ -72,6 +49,13 @@ export default {
 }
 .choice_box>.choices >.choice > .choice_c{
     display: flex;
+		padding: 10px 0 15px 10px;
+		border: solid 1px #3681FC;
+		background-color: rgba(224, 234, 251, 0.40);
+		border-radius: 50px;
+		display: flex;
+		align-items: center;
+		margin-bottom: 10px;
 }
 .choice_box>.choices >.choice > .choice_c > span{
     /* margin-left: 10px; */
@@ -102,12 +86,4 @@ export default {
 
 }
 
-.set_box{
-    border: 1px solid #CAD1DC;
-    padding: 8px;
-    border-radius: 5px;
-    box-sizing: border-box;
-    width: 100%;
-    color: #828282;
-}
 </style>

src/components/pages/test/add/components/course/course.vue

@@ -30,30 +30,7 @@ export default {
 </script>
 
 <style scoped>
-.c_box {
-    width: calc(100% - 20px);
-    position: relative;
-    margin: 0 auto;
-    padding-left: 26px;
-    box-sizing: border-box;
-}
-
-.mask {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-}
-
-.choice_box {
-    white-space: pre-line;
-}
-
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
+@import '../../global_styles.css';
 
 .choice_box>.detail {
     width: 100%;

src/components/pages/test/add/components/course2/course.vue

@@ -30,30 +30,7 @@ export default {
 </script>
 
 <style scoped>
-.c_box {
-    width: calc(100% - 20px);
-    position: relative;
-    margin: 0 auto;
-    padding-left: 26px;
-    box-sizing: border-box;
-}
-
-.mask {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-}
-
-.choice_box {
-    white-space: pre-line;
-}
-
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
+@import '../../global_styles.css';
 
 .choice_box>.detail {
     width: 100%;

src/components/pages/test/add/components/evaBox/eva.vue

@@ -29,30 +29,9 @@ export default {
 </script>
 
 <style scoped>
-.c_box {
-    width: calc(100% - 20px);
-    position: relative;
-    margin: 0 auto;
-    padding-left: 26px;
-    box-sizing: border-box;
-}
+@import '../../global_styles.css';
 
-.mask {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-}
 
-.choice_box {
-    white-space: pre-line;
-}
-
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
 
 .choice_box>.detail {
     width: 100%;

src/components/pages/test/add/components/file/file.vue

@@ -46,30 +46,9 @@ export default {
 </script>
 
 <style scoped>
-.c_box {
-    width: calc(100% - 20px);
-    position: relative;
-    margin: 0 auto;
-    padding-left: 26px;
-    box-sizing: border-box;
-}
+@import '../../global_styles.css';
 
-.mask {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-}
 
-.choice_box {
-    white-space: pre-line;
-}
-
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
 
 .choice_box>.detail {
     width: 100%;

src/components/pages/test/add/components/timeBox/time.vue

@@ -29,30 +29,10 @@ export default {
 </script>
 
 <style scoped>
-.c_box {
-    width: calc(100% - 20px);
-    position: relative;
-    margin: 0 auto;
-    padding-left: 26px;
-    box-sizing: border-box;
-}
+@import '../../global_styles.css';
 
-.mask {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-}
 
-.choice_box {
-    white-space: pre-line;
-}
 
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
 
 .choice_box>.detail {
     width: 100%;

src/components/pages/test/add/edit/check/choice.vue

@@ -95,22 +95,10 @@ export default {
     position: relative;
 }
 
-.mask {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-}
+@import '../../global_styles.css';
+
 
-.choice_box {
-    white-space: pre-line;
-}
 
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
 
 .choice_box>.choices {
     margin-top: 10px;
@@ -177,12 +165,4 @@ export default {
 .choice_box>.choices>.choice>>>.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
     background-color: #fff !important;
 }
-.set_box{
-    border: 1px solid #CAD1DC;
-    padding: 8px;
-    border-radius: 5px;
-    box-sizing: border-box;
-    width: 100%;
-    color: #828282;
-}
 </style>

src/components/pages/test/add/edit/check/gap.vue

@@ -110,22 +110,9 @@ export default {
     position: relative;
 }
 
-.mask {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-}
+@import '../../global_styles.css';
 
-.choice_box {
-    white-space: pre-line;
-}
 
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
 
 .choice_box>.choices {
     margin-top: 10px;
@@ -162,13 +149,4 @@ export default {
 .binfo_input:focus-visible {
     border: 1.5px solid #3681FC !important;
 }
-
-.set_box{
-    border: 1px solid #CAD1DC;
-    padding: 8px;
-    border-radius: 5px;
-    box-sizing: border-box;
-    width: 100%;
-    color: #828282;
-}
 </style>

src/components/pages/test/add/edit/check/time.vue

@@ -89,15 +89,8 @@ export default {
     z-index: 2;
 } */
 
-.choice_box {
-    white-space: pre-line;
-}
 
-.choice_box>.title {
-    font-weight: bold;
-    width: 100%;
-    word-break: break-all;
-}
+@import '../../global_styles.css'
 
 
 </style>

src/components/pages/test/add/global_styles.css

@@ -0,0 +1,38 @@
+.c_box {
+	width: calc(100% - 20px);
+	position: relative;
+	margin: 0 auto;
+	padding-left: 26px;
+	box-sizing: border-box;
+	padding-bottom: 10px;
+}
+
+.mask {
+	position: absolute;
+	height: 100%;
+	width: 100%;
+	z-index: 2;
+}
+
+.choice_box {
+	white-space: pre-line;
+}
+
+.choice_box>.title {
+	font-weight: bold;
+	width: 100%;
+	word-break: break-all;
+}
+
+.choice_box>.choices {
+	margin-top:10px;
+}
+
+.set_box{
+	border: 1px solid #CAD1DC;
+	padding: 8px;
+	border-radius: 5px;
+	box-sizing: border-box;
+	width: 100%;
+	color: #828282;
+}