Commit 034fca5a authored by 康振飞's avatar 康振飞

theme优化

parent 0eb3c402
......@@ -10,18 +10,19 @@
@menu-dark-bg: #2173dc;
@menu-dark-lie-bg: linear-gradient(to right, #1d42ab, #2173dc, #1e93ff);
@menu-dark-linear-bg: (to right, #1d42ab, #2173dc, #1e93ff);
// 表格浮在某行,默认无效果
.ivu-table-row-hover td {
background-color: #abc9eb!important;
font-size: 1.1em!important;
}
// 表格浮在某行,默认无效果!important
@hover-td-bg: #abc9eb;
@hover-td-fontSize: 1.1em;
@hover-td-color: #000000;
// 表格选中某一行高亮
.ivu-table-row-highlight td {
background-color: #abc9eb!important;
font-size: 1.1em!important;
}
@active-row-bgColor: #abc9eb;
@active-row-fontSize: 1.1em;
@active-row-color: rgb(0, 0, 0);
// tree hover 效果
.ivu-tree-title:hover{
background-color: #abc9eb!important;
font-size: 1.1em!important;
}
\ No newline at end of file
@hover-title-bgColor: #abc9eb;
@hover-title-fontSize: 1.1em;
@hover-title-color: #000000;
// tree active 效果
@active-title-bgColor: #abc9eb;
@active-title-fontSize: 1.1em;
@active-title-color: #000000;
\ No newline at end of file
......@@ -475,10 +475,37 @@
margin-top: 0;
}
}
.fade-quick-enter-active, .fade-quick-leave-active {
transition: opacity .2s;
}
.fade-quick-enter, .fade-quick-leave-to {
opacity: 0;
}
// tree item高度(hover字体变大时没有抖动)
.ivu-tree-title{
height: 22px;
}
// 表格鼠标浮在某行,默认无效果
.ivu-table-row-hover td {
background-color: @hover-td-bg!important;
font-size: @hover-td-fontSize;
color: @hover-td-color;
}
// 表格选中某一行高亮
.ivu-table-row-highlight td {
background-color: @active-row-bgColor!important;
font-size: @active-row-fontSize;
color: @active-row-color;
}
// tree hover 效果
.ivu-tree-title:hover{
background-color: @hover-title-bgColor!important;
font-size: @hover-title-fontSize;
color: @hover-title-color;
}
// tree active 效果
.ivu-tree-title-selected{
background-color: @active-title-bgColor!important;
font-size: @active-title-fontSize;
color: @active-title-color;
}
......@@ -10,4 +10,20 @@
// 顶部header颜色
@menu-dark-bg: #bd35ab;
@menu-dark-lie-bg: linear-gradient(to right, #ab1da4, #dc21d3, #f81eff);
@menu-dark-linear-bg: (to right, #ab1da4, #dc21d3, #f81eff);
\ No newline at end of file
@menu-dark-linear-bg: (to right, #ab1da4, #dc21d3, #f81eff);
// 表格浮在某行,默认无效果!important
@hover-td-bg: #cc5dd6;
@hover-td-fontSize: 1.1em;
@hover-td-color: #ffffff;
// 表格选中某一行高亮
@active-row-bgColor: #cc5dd6;
@active-row-fontSize: 1.1em;
@active-row-color: #fff;
// tree hover 效果
@hover-title-bgColor: #cc5dd6;
@hover-title-fontSize: 1.1em;
@hover-title-color: #ffffff;
// tree active 效果
@active-title-bgColor: #cc5dd6;
@active-title-fontSize: 1.1em;
@active-title-color: #ffffff;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment