1
This commit is contained in:
		
							parent
							
								
									3bb5c3667c
								
							
						
					
					
						commit
						b8256504ea
					
				| 
						 | 
				
			
			@ -8,7 +8,6 @@
 | 
			
		|||
          <img
 | 
			
		||||
            v-if="hasActiveChild(item)"
 | 
			
		||||
            src="@/assets/images/titleActiveLeftRec.png"
 | 
			
		||||
            alt=""
 | 
			
		||||
            class="title-active-left"
 | 
			
		||||
          />
 | 
			
		||||
          <div class="tltlemenu-left">
 | 
			
		||||
| 
						 | 
				
			
			@ -28,7 +27,7 @@
 | 
			
		|||
              @click="jumpPage(child.index)"
 | 
			
		||||
              :class="{ active: isActive(child.index) }"
 | 
			
		||||
            >
 | 
			
		||||
              <div>
 | 
			
		||||
              <div class="el-menu-child-font">
 | 
			
		||||
                {{ child.title }}
 | 
			
		||||
              </div>
 | 
			
		||||
            </li>
 | 
			
		||||
| 
						 | 
				
			
			@ -143,13 +142,10 @@ onMounted(() => {
 | 
			
		|||
        background: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, rgba(8, 118, 190, 0.24) 100%);
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
    .menu-items {
 | 
			
		||||
      padding: 0px 15px;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.menu-title.active-parent {
 | 
			
		||||
.active-parent {
 | 
			
		||||
  /* 设置背景图片 */
 | 
			
		||||
  background-image:
 | 
			
		||||
    url("@/assets/images/titleActiveMaskGroup.png"), Linear-gradient(to right, #0876be, #0ea7d500);
 | 
			
		||||
| 
						 | 
				
			
			@ -157,7 +153,7 @@ onMounted(() => {
 | 
			
		|||
  background-size: contain;
 | 
			
		||||
  position: relative;
 | 
			
		||||
  border: none;
 | 
			
		||||
  padding-left: 30px; /* 为左侧图片腾出空间 */
 | 
			
		||||
  padding-left: 30px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.title-active-left {
 | 
			
		||||
| 
						 | 
				
			
			@ -172,10 +168,13 @@ onMounted(() => {
 | 
			
		|||
.el-menu-item {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  height: 36px;
 | 
			
		||||
  margin: 12px;
 | 
			
		||||
  margin: 12px 0;
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
  color: #fff;
 | 
			
		||||
  border-radius: 2px;
 | 
			
		||||
  .el-menu-child-font {
 | 
			
		||||
    margin-left: 20px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.el-menu-item.active {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -188,7 +188,6 @@ defineExpose({ highlightNode })
 | 
			
		|||
  justify-content: space-between;
 | 
			
		||||
  padding: 0 10px;
 | 
			
		||||
  box-sizing: border-box;
 | 
			
		||||
  /* background-color: rgba(4, 67, 92, 0.6); */
 | 
			
		||||
  z-index: 1;
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  border-radius: 4px;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue
	
	Block a user