细节调节

zhangxiaoxu123

2023-01-11 539d1ce6b955d5d56b21d97590a2a684c400f64a

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
.theme-white {
  .avue-header,
  .avue-logo,
  .tags-container {
      background-color: #1890FF;
  }
  .avue-sidebar--tip{
    background-color:transparent;
    color:#333;
  }
  .el-dropdown{
    color:#fff;
  }
  .avue-logo_title{
    font-weight: 600;
    color:#fff;
  }
  .logo_title,
  .avue-breadcrumb
  {
      color: #fff ;
      i {
          color: #fff;
      }
  }
  .avue-top{
    .el-menu-item {
      i,
      span {
          color: #fff ;
      }
      &:hover {
          i,
          span {
              color: #fff ;
          }
      }
    }
  }
  .el-menu--popup{
    background-color: #fff ;
    .el-menu-item{
      background-color: #fff ;
      span,i {
        color:#666 ;
      }
      &.is-active{
        background-color:#409EFF ;
        span,i {
          color:#fff ;
        }
      }
    }
  }
  .avue-sidebar{
    //box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);
    .el-menu{
      background-color: #fff ;
    }
    background-color:#1890FF ;
    .el-menu-item,.el-submenu__title{
      i,span{
        color:#fff ;
      }
      background-color:#1890FF ;
    }
    .el-menu-item,.el-submenu__title{
      &:hover{
        background-color: transparent ;
        i,span{
          color:#fff ;
        }
      }
    }
    .el-menu-item.is-active,.el-submenu__title.is-active{
      //background-color:#409EFF ;
      position: relative;
      width: 100%;
      &:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        height: 100%;
        background-color: #fff;
      }
      i,span{
        color:#fff ;
      }
      //&::before{
      //  display: none;
      //}
      &:hover{
        background-color: rgba(0,0,0,0.1);
        i,span{
          color:#fff ;
        }
      }
    }
  }
  .top-search {
      .el-input__inner{
        color: #fff;
      }
      input::-webkit-input-placeholder,
      textarea::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #fff;
      }
      input:-moz-placeholder,
      textarea:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #fff;
      }
      input::-moz-placeholder,
      textarea::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #fff;
      }
      input:-ms-input-placeholder,
      textarea:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #fff;
      }
  }
  .top-bar__item {
      i {
          color: #fff;
      }
  }
}