|
|
@@ -13,7 +13,9 @@
|
|
|
<div class="menu-title">{{ state.chapterTree[state.currentStep]?.name ?? '' }}</div>
|
|
|
<div class="menu-list">
|
|
|
<el-scrollbar :max-height="state.menuListHeight">
|
|
|
- <el-steps direction="vertical" space="7rem" :active="state.currentStep">
|
|
|
+ <!-- 没有子菜单，上下顶级菜单 space="7rem" 间距太高，这里进行修改减少 -->
|
|
|
+ <!-- <el-steps direction="vertical" space="7rem" :active="state.currentStep"> -->
|
|
|
+ <el-steps direction="vertical" space="3rem" :active="state.currentStep">
|
|
|
<el-step v-for="(item, idx) in state.chapterTree" :title="item.name" @click="menuClick($event, idx)">
|
|
|
<template #icon>
|
|
|
<div class="step-icon">
|
|
|
@@ -758,7 +760,10 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
|
|
|
background-image: url(/src/assets/student/training/menu_title.png);
|
|
|
background-size: 100% 100%;
|
|
|
color: white;
|
|
|
- font-size: 2rem;
|
|
|
+ // font-size: 2rem;
|
|
|
+ font-size: 1.8rem;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
&:before {
|
|
|
content: '';
|
|
|
display: inline-block;
|
|
|
@@ -825,7 +830,8 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
|
|
|
padding-left: 2rem;
|
|
|
padding-right: 2rem;
|
|
|
.el-step__title {
|
|
|
- font-size: var(--step-item-size);
|
|
|
+ // font-size: var(--step-item-size);
|
|
|
+ font-size: 1.5rem;
|
|
|
color: white;
|
|
|
font-weight: unset;
|
|
|
line-height: var(--step-item-size);
|
