|
@@ -50,10 +50,10 @@
|
|
|
|
|
|
<div class="menuListMain" v-for="(item, index) of state.chapterTree" :key="index" >
|
|
<div class="menuListMain" v-for="(item, index) of state.chapterTree" :key="index" >
|
|
<div class="menuListpParent" >
|
|
<div class="menuListpParent" >
|
|
- {{ item.name }}
|
|
|
|
|
|
+ {{ item.name }} {{ item.name }} {{ item.name }}
|
|
</div>
|
|
</div>
|
|
- <div class="menuListpParent" v-if="item.children?.length > 0" v-for="(item_1, index_1) of item.children" :key="index_1" >
|
|
|
|
- {{ item.name }}
|
|
|
|
|
|
+ <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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@@ -1054,16 +1054,30 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
|
|
bottom: 0px;
|
|
bottom: 0px;
|
|
background-image: url(/src/assets/menuLeft/menuBottom.webp);
|
|
background-image: url(/src/assets/menuLeft/menuBottom.webp);
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
|
+ padding: 1rem 0.5rem 1rem 0.5rem;
|
|
|
|
|
|
.menuListMain {
|
|
.menuListMain {
|
|
position: relative;
|
|
position: relative;
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
|
|
|
|
- .menuListpParent, .menuListpParent {
|
|
|
|
|
|
+ .menuListpParent, .menuListpChildren {
|
|
position: relative;
|
|
position: relative;
|
|
- width: 96%;
|
|
|
|
- left: 2%;
|
|
|
|
|
|
+ width: 90%;
|
|
|
|
+ left: 5%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .menuListpParent {
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ font-size: 1.28rem;
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ background: #386064;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .menuListpChildren {
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ font-size: 1.14rem;
|
|
|
|
+ color: #2CD36B;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|