修改侧边栏选中颜色
This commit is contained in:
		
							parent
							
								
									ada741ef80
								
							
						
					
					
						commit
						e103205378
					
				| 
						 | 
				
			
			@ -139,7 +139,7 @@ onMounted(() => {
 | 
			
		|||
    padding: vh(10) vw(15);
 | 
			
		||||
    .menu-title {
 | 
			
		||||
      cursor: pointer;
 | 
			
		||||
      padding: vh(10) vw(10);
 | 
			
		||||
      padding: vh(5) vw(10);
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      display: flex;
 | 
			
		||||
      align-items: center;
 | 
			
		||||
| 
						 | 
				
			
			@ -161,23 +161,25 @@ onMounted(() => {
 | 
			
		|||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.active-parent {
 | 
			
		||||
.menu-title.active-parent {
 | 
			
		||||
  position: relative;
 | 
			
		||||
  border: none;
 | 
			
		||||
  border-radius: vw(3);
 | 
			
		||||
  background: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, #0876be 100%) !important;
 | 
			
		||||
  background-size: 100% 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.title-active-left {
 | 
			
		||||
  width: vw(120);
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  border-radius: vw(3);
 | 
			
		||||
  left: 0;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  z-index: 1;
 | 
			
		||||
  border-left: vw(2) solid #8efbff;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.el-menu-item {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  height: vh(45);
 | 
			
		||||
  height: vh(38);
 | 
			
		||||
  margin: vh(10) 0;
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
  color: rgba(255, 255, 255, 0.76);
 | 
			
		||||
| 
						 | 
				
			
			@ -188,7 +190,7 @@ onMounted(() => {
 | 
			
		|||
}
 | 
			
		||||
 | 
			
		||||
.active {
 | 
			
		||||
  background-image: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, rgba(8, 118, 190, 0.24) 100%);
 | 
			
		||||
  background: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, rgba(8, 118, 190, 0.24) 100%);
 | 
			
		||||
  border-radius: vw(2);
 | 
			
		||||
  background-size: 100% 100%;
 | 
			
		||||
  color: #fff;
 | 
			
		||||
| 
						 | 
				
			
			@ -212,7 +214,8 @@ onMounted(() => {
 | 
			
		|||
}
 | 
			
		||||
 | 
			
		||||
.el-menu-item:hover {
 | 
			
		||||
  background-image: linear-gradient(to right, #0876be, #0ea7d500);
 | 
			
		||||
  border-radius: 2px;
 | 
			
		||||
  background: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, rgba(8, 118, 190, 0.24) 100%);
 | 
			
		||||
  background-size: 100% 100%;
 | 
			
		||||
  color: #fff;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -303,13 +303,13 @@ const wordCloudData = ref([
 | 
			
		|||
<style scoped lang="scss">
 | 
			
		||||
:deep(.leader-custom-dialog) {
 | 
			
		||||
  width: vw(640);
 | 
			
		||||
  border-width: 0, 0, 0, 0;
 | 
			
		||||
  border-width: 0;
 | 
			
		||||
  border-style: solid;
 | 
			
		||||
  background-color: rgba(6, 45, 90, 1) !important;
 | 
			
		||||
  background-color: rgba(6, 45, 90, 1);
 | 
			
		||||
  border: vw(1) solid #1a8bff;
 | 
			
		||||
  border-radius: vw(2);
 | 
			
		||||
  padding: 0 0;
 | 
			
		||||
  padding-bottom: 30px;
 | 
			
		||||
  z-index: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
:deep(.leader-custom-dialog) .dialog-content {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -265,14 +265,13 @@ const wordCloudData = ref([
 | 
			
		|||
<style scoped lang="scss">
 | 
			
		||||
:deep(.custom-leader-dialog) {
 | 
			
		||||
  width: vw(640);
 | 
			
		||||
  height: auto;
 | 
			
		||||
  border-width: 0, 0, 0, 0;
 | 
			
		||||
  border-width: 0;
 | 
			
		||||
  border-style: solid;
 | 
			
		||||
  background-color: rgba(6, 45, 90, 1);
 | 
			
		||||
  border: vw(1) solid #1a8bff;
 | 
			
		||||
  border-radius: vw(2);
 | 
			
		||||
  padding: 0 0;
 | 
			
		||||
  padding-bottom: 30px;
 | 
			
		||||
  z-index: 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
:deep(.custom-leader-dialog) .dialog-content {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue
	
	Block a user