|
@@ -50,7 +50,11 @@
|
|
|
|
|
|
|
|
<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 }}
|
|
|
|
|
|
|
+ <div class="menuListpParentLeft">
|
|
|
|
|
+ <div class="logoMenu" ></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="menuListpParentCenter">{{ item.name }} {{ item.name }} {{ item.name }}</div>
|
|
|
|
|
+ <div class="menuListpParentRight">+</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="menuListpChildren" v-if="item.children?.length > 0" v-for="(item_1, index_1) of item.children" :key="index_1" >
|
|
<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 }}
|
|
{{ item_1.name }} {{ item_1.name }}
|
|
@@ -1067,6 +1071,8 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
|
|
|
left: 5%;
|
|
left: 5%;
|
|
|
margin: 0.35rem 0rem 0.35rem 0rem;
|
|
margin: 0.35rem 0rem 0.35rem 0rem;
|
|
|
padding: 0.35rem 0rem 0.35rem 0rem;
|
|
padding: 0.35rem 0rem 0.35rem 0rem;
|
|
|
|
|
+ // 手势
|
|
|
|
|
+ cursor:pointer;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.menuListpParent {
|
|
.menuListpParent {
|
|
@@ -1074,6 +1080,60 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
|
|
|
font-size: 1.28rem;
|
|
font-size: 1.28rem;
|
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
|
background: #386064;
|
|
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%;
|
|
|
|
|
+ top: 0px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .menuListpParentLeft {
|
|
|
|
|
+ left: 0px;
|
|
|
|
|
+ width: 2.5rem;
|
|
|
|
|
+
|
|
|
|
|
+ /* 水平垂直居中,支持文字自动换行 */
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .menuListpParentCenter {
|
|
|
|
|
+ left: 2.5rem;
|
|
|
|
|
+ right: 2.5rem;
|
|
|
|
|
+ line-height: 2.5rem;
|
|
|
|
|
+
|
|
|
|
|
+ white-space: nowrap; /* 不换行 */
|
|
|
|
|
+ overflow: hidden; /* 隐藏超出部分 */
|
|
|
|
|
+ text-overflow: ellipsis; /* 显示省略号 */
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .menuListpParentRight {
|
|
|
|
|
+ width: 2.5rem;
|
|
|
|
|
+ right: 0px;
|
|
|
|
|
+
|
|
|
|
|
+ background: #2BA987;
|
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
|
+ font-size: 2rem;
|
|
|
|
|
+
|
|
|
|
|
+ /* 水平垂直居中,支持文字自动换行 */
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.menuListpChildren {
|
|
.menuListpChildren {
|
