|
|
@@ -42,7 +42,13 @@
|
|
|
|
|
|
<!-- 新的左侧菜单 -->
|
|
|
<div class="menuLeft" >
|
|
|
-
|
|
|
+ <div class="menuTitle" >
|
|
|
+ <div class="logoLeft"></div>
|
|
|
+ <div class="txtRight">知识学习知识学习知识学习</div>
|
|
|
+ </div>
|
|
|
+ <div class="menuList" >
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<div v-if="state.currentChapter.type != 30" class="chapter-detail">
|
|
|
@@ -982,7 +988,57 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
|
|
|
left: 2.28rem;
|
|
|
width: 21.64rem;
|
|
|
z-index: 2;
|
|
|
- // background-color: #00000080;
|
|
|
+
|
|
|
+ .menuTitle {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ height: 5.71rem;
|
|
|
+ background-image: url(/src/assets/menuLeft/title.webp);
|
|
|
+ background-size: 100% 100%;
|
|
|
+
|
|
|
+ .logoLeft, .txtRight {
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
+
|
|
|
+ .logoLeft {
|
|
|
+ width: 2.28rem;
|
|
|
+ height: 2.92rem;
|
|
|
+ background-image: url(/src/assets/menuLeft/gps.webp);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ top: 1.6rem;
|
|
|
+ left: 2.07rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .txtRight {
|
|
|
+ top: 0px;
|
|
|
+ height: 5.71rem;
|
|
|
+ line-height: 5.71rem;
|
|
|
+ left: 5.64rem;
|
|
|
+ right: 3rem;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 2.5rem;
|
|
|
+ color: #FFFFFF;
|
|
|
+
|
|
|
+ white-space: nowrap; /* 不换行 */
|
|
|
+ overflow: hidden; /* 隐藏超出部分 */
|
|
|
+ text-overflow: ellipsis; /* 显示省略号 */
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .menuList {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ top: 7rem;
|
|
|
+ bottom: 0px;
|
|
|
+ background-image: url(/src/assets/menuLeft/menuBottom.webp);
|
|
|
+ background-size: 100% 100%;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
