update

src/components/components/askStatic.vue

@@ -68,18 +68,15 @@
                     popper-class="text_tooltip"
                   >
                     <div
+                      class="dot"
                       style="
                         max-width: calc(100% - 40px);
-                        white-space: nowrap;
                         overflow: hidden;
-                        text-overflow: ellipsis;
-                        word-break: break-word;
                         width: auto;
-                        display: block;
                         cursor: pointer;
                       "
                     >
-                      选项{{checkIndex+1}}：{{ item.checkList[checkIndex] }}
+                      <span>{{ item.checkList[checkIndex] }}</span>
                     </div>
                   </el-tooltip>
                   <!-- </el-tooltip> -->
@@ -403,4 +400,29 @@ export default {
   margin-bottom: 10px;
   border-bottom: 1px solid #d8d8d8;
 }
+
+.dot{
+  display:flex;
+  align-items: center;
+}
+
+.dot > span{
+  display:block;
+  max-width: calc(100% - 20px) !important;
+  width:auto !important;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-break: break-word;
+  overflow: hidden;
+}
+.dot::before{
+  content:'';
+  min-width: 10px;
+  width: 10px;
+  height: 10px;
+  background: #0061ff;
+  border-radius: 50%;
+  margin-right: 10px;
+  display: block;
+}
 </style>

src/components/components/askStatic2.vue

@@ -80,14 +80,15 @@
                   }"
                 >
                   <div
-                    style="margin-right: 10px;display:flex;align-items: center;"
+                    class="dot"
+                    style="margin-right: 10px;"
                     v-if="
                       item.checkList[checkIndex] &&
                       item.checkList[checkIndex].imgType &&
                       item.checkList[checkIndex].imgType == 1
                     "
                   >
-                    <div>选项{{checkIndex+1}}：</div>
+                    <!-- <div>选项{{checkIndex+1}}：</div> -->
                     <div
                       class="inImg"
                       @click.stop="previewImg(item.checkList[checkIndex].src)"
@@ -103,18 +104,15 @@
                     v-else
                   >
                     <div
+                      class="dot"
                       style="
                         max-width: calc(100% - 40px);
-                        white-space: nowrap;
                         overflow: hidden;
-                        text-overflow: ellipsis;
-                        word-break: break-word;
                         width: auto;
-                        display: block;
                         cursor: pointer;
                       "
                     >
-                      选项{{checkIndex+1}}：{{ item.checkList[checkIndex] }}
+                      <span>{{ item.checkList[checkIndex] }}</span>
                     </div>
                   </el-tooltip>
                 </span>
@@ -475,4 +473,27 @@ export default {
   height: 100%;
   object-fit: cover;
 }
+.dot{
+  display:flex;
+  align-items: center;
+}
+.dot > span{
+  display:block;
+  max-width: calc(100% - 20px) !important;
+  width:auto !important;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-break: break-word;
+  overflow: hidden;
+}
+.dot::before{
+  content:'';
+  min-width: 10px;
+  width: 10px;
+  height: 10px;
+  background: #0061ff;
+  border-radius: 50%;
+  margin-right: 10px;
+  display: block;
+}
 </style>

src/components/easy2/studyStudent.vue

@@ -22900,38 +22900,42 @@ ol {
   transition: all 0.5s;
 }
 .toolChild {
-  margin: 0 0 0 17px;
+  /* margin: 0 0 0 17px;
   padding: 0 0 0 20px;
-  border-left: 1px solid #d7d7d7;
+  border-left: 1px solid #d7d7d7; */
 }
 .gjCss {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  padding: 15px 0;
+  padding: 15px 0 15px 40px;
   box-sizing: border-box;
   font-size: 14px;
   cursor: pointer;
+  border-radius:5px;
 }
 
 .toolChild > div {
   position: relative;
+  width: 100%;
 }
 
 .toolChild > div::before {
-  content: "";
+  /* content: "";
   width: 15px;
   height: 1px;
   background: #cad1dc;
   position: absolute;
   top: 24px;
   left: -20px;
-  display: block;
+  display: block; */
 }
 
 .isGjCss {
-  color: #0061ff;
+  /* color: #0061ff; */
+  color:#fff;
+  background: rgb(55, 129, 252);
 }
 
 .navItem {

src/components/easy3/studyStudent.vue

@@ -22889,38 +22889,42 @@ ol {
   transition: all 0.5s;
 }
 .toolChild {
-  margin: 0 0 0 17px;
+  /* margin: 0 0 0 17px;
   padding: 0 0 0 20px;
-  border-left: 1px solid #d7d7d7;
+  border-left: 1px solid #d7d7d7; */
 }
 .gjCss {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  padding: 15px 0;
+  padding: 15px 0 15px 40px;
   box-sizing: border-box;
   font-size: 14px;
   cursor: pointer;
+  border-radius:5px;
 }
 
 .toolChild > div {
   position: relative;
+  width: 100%;
 }
 
 .toolChild > div::before {
-  content: "";
+  /* content: "";
   width: 15px;
   height: 1px;
   background: #cad1dc;
   position: absolute;
   top: 24px;
   left: -20px;
-  display: block;
+  display: block; */
 }
 
 .isGjCss {
-  color: #0061ff;
+  /* color: #0061ff; */
+  color:#fff;
+  background: rgb(55, 129, 252);
 }
 
 .navItem {

src/components/studyStudent.vue

@@ -22891,38 +22891,42 @@ ol {
   transition: all 0.5s;
 }
 .toolChild {
-  margin: 0 0 0 17px;
+  /* margin: 0 0 0 17px;
   padding: 0 0 0 20px;
-  border-left: 1px solid #d7d7d7;
+  border-left: 1px solid #d7d7d7; */
 }
 .gjCss {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  padding: 15px 0;
+  padding: 15px 0 15px 40px;
   box-sizing: border-box;
   font-size: 14px;
   cursor: pointer;
+  border-radius:5px;
 }
 
 .toolChild > div {
   position: relative;
+  width:100%;
 }
 
 .toolChild > div::before {
-  content: "";
+  /* content: "";
   width: 15px;
   height: 1px;
   background: #cad1dc;
   position: absolute;
   top: 24px;
   left: -20px;
-  display: block;
+  display: block; */
 }
 
 .isGjCss {
-  color: #0061ff;
+  /* color: #0061ff; */
+  color:#fff;
+  background: rgb(55, 129, 252);
 }
 
 .navItem {