|

src/view/student/trainChapter/trainChapter.vue

@@ -57,7 +57,13 @@
                                 <div class="menuListpParentRight">+</div>
                             </div>
                             <div class="menuListpChildren" v-if="item.children?.length > 0" v-for="(item_1, index_1) of item.children" :key="index_1" >
-                                {{ item_1.name }} {{ item_1.name }}
+                                <div class="menuListpChildrenKong" ></div>
+                                <div class="menuListpChildrenLeft" >
+                                    <div class="logoMenu" ></div>
+                                </div>
+                                <div class="menuListpChildrenRight">
+                                    {{ item_1.name }} {{ item_1.name }}
+                                </div>
                             </div>
                         </div>
 
@@ -1075,20 +1081,20 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
                         cursor:pointer;
                     }
 
+                    .logoMenu {
+                        width: 1rem;
+                        height: 1rem;
+                        background-image: url(/src/assets/menuLeft/yes.webp);
+                        background-size: 100% 100%;
+                    }
+
                     .menuListpParent {
                         font-weight: 400;
                         font-size: 1.28rem;
                         color: #FFFFFF;
                         background: #386064;
                         height: 2.5rem;
-
-                        .logoMenu {
-                            width: 1rem;
-                            height: 1rem;
-                            background-image: url(/src/assets/menuLeft/yes.webp);
-                            background-size: 100% 100%;
-                        }
-
+                        
                         .menuListpParentLeft, .menuListpParentCenter, .menuListpParentRight {
                             position: absolute;
                             height: 100%;
@@ -1140,6 +1146,28 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
                         font-weight: 400;
                         font-size: 1.14rem;
                         color: #2CD36B;
+
+                        .menuListpChildrenKong, .menuListpChildrenLeft, .menuListpChildrenRight {
+                            display: inline-flex;
+                        }
+
+                        .menuListpChildrenKong {
+                            width: 1%;
+                        }
+
+                        .menuListpChildrenLeft {
+                            width: 16%;
+                            height: 100%;
+                            /* 水平垂直居中,支持文字自动换行 */
+                            flex-direction: column;
+                            justify-content: center;
+                            align-items: center;
+                        }
+
+                        .menuListpChildrenRight {
+                            width: 83%;
+                        }
+
                     }
                     
                 }