Skip to content

M
mes-ui
Commit f767caab authored by 仇晓婷's avatar 仇晓婷
Browse files
Options

弹框头部颜色更改

parent b745bce3
Hide whitespace changes
Inline Side-by-side
Showing with 198 additions and 167 deletions
assets/css/iview-reset.less
View file @ f767caab
...@@ -3,188 +3,209 @@ ...@@ -3,188 +3,209 @@
// @primary-color: #249e91; // @primary-color: #249e91;
.ivu-btn { .ivu-btn {
padding: 4px 15px 4px; padding: 4px 15px 4px;
} }
.ivu-btn { .ivu-btn {
padding: 4px 15px 4px; padding: 4px 15px 4px;
} }
.ivu-layout-content{
background-color: #fff ; .ivu-layout-content {
background-color: #fff;
} }
.ivu-modal-wrap * { .ivu-modal-wrap * {
box-sizing: border-box; box-sizing: border-box;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
.ivu-btn-primary { .ivu-btn-primary {
color: #fff; color: #fff;
background-color: @primary-color; background-color: @primary-color;
border-color: @primary-color; border-color: @primary-color;
} }
.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child) { .ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child) {
border-right-color: @primary-color; border-right-color: @primary-color;
} }
.ivu-btn { .ivu-btn {
padding: 4px 15px 4px; padding: 4px 15px 4px;
font-size: 14px; font-size: 14px;
} }
.ivu-btn-primary:hover { .ivu-btn-primary:hover {
color: #fff; color: #fff;
background-color: @primary-color; background-color: @primary-color;
border-color: @primary-color; border-color: @primary-color;
} }
.ivu-btn-default:hover { .ivu-btn-default:hover {
color: @primary-color; color: @primary-color;
border-color: @primary-color; border-color: @primary-color;
} }
.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary+.ivu-btn, .ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary+.ivu-btn,
.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:last-child:not(:first-child) { .ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:last-child:not(:first-child) {
border-left-color: @primary-color; border-left-color: @primary-color;
} }
.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child) { .ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child) {
border-right-color: @primary-color; border-right-color: @primary-color;
} }
.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child) { .ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child) {
border-right-color: @primary-color; border-right-color: @primary-color;
} }
.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child:not(:last-child) { .ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child:not(:last-child) {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child) { .ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child) {
border-right-color: @primary-color; border-right-color: @primary-color;
} }
.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child { .ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child {
margin-left: 0; margin-left: 0;
} }
.ivu-btn-group>.ivu-btn { .ivu-btn-group>.ivu-btn {
position: relative; position: relative;
float: left; float: left;
} }
/* tab颜色为绿色 */ /* tab颜色为绿色 */
.ivu-tabs-nav .ivu-tabs-tab-active { .ivu-tabs-nav .ivu-tabs-tab-active {
color: @primary-color; color: @primary-color;
font-weight: bold font-weight: bold
} }
.ivu-tabs-nav .ivu-tabs-tab:hover { .ivu-tabs-nav .ivu-tabs-tab:hover {
color: @primary-color; color: @primary-color;
} }
.ivu-tabs-ink-bar { .ivu-tabs-ink-bar {
background-color: @primary-color; background-color: @primary-color;
} }
.ivu-page-item-active { .ivu-page-item-active {
background-color: @primary-color; background-color: @primary-color;
color: white; color: white;
} }
.ivu-page-item-active:hover { .ivu-page-item-active:hover {
background-color: @primary-color; background-color: @primary-color;
// background-color: #d7e8fb;
a {color: white!important;} // background-color: #d7e8fb;
a {
color: white !important;
}
} }
.ivu-page-item-active>a { .ivu-page-item-active>a {
color: white color: white
} }
.ivu-page-item-active>a:hover { .ivu-page-item-active>a:hover {
color: white color: white
} }
.ivu-page li:hover { .ivu-page li:hover {
color: white color: white
} }
.ivu-page-item-active:hover a { .ivu-page-item-active:hover a {
color: #fff; color: #fff;
} }
.ivu-input-search { .ivu-input-search {
cursor: pointer; cursor: pointer;
padding: 0 16px !important; padding: 0 16px !important;
background: @primary-color !important; background: @primary-color !important;
color: #fff !important; color: #fff !important;
border-color: @primary-color !important; border-color: @primary-color !important;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.ivu-btn-default { .ivu-btn-default {
font-size: 14px; font-size: 14px;
} }
.ivu-modal-header { .ivu-modal-header {
background-color: #f2f2f2; // background-color: #f2f2f2;
border-radius: 5px 5px 0 0; background-color: #515A6E;
color: #fff;
border-radius: 5px 5px 0 0;
.ivu-modal-header-inner {
color: #fff;
}
}
.ivu-modal-close {
.ivu-icon-ios-close {
color: #fff !important;
}
} }
.ivu-modal-footer { .ivu-modal-footer {
border-top: 1px solid #e8eaec; border-top: 1px solid #e8eaec;
padding: 12px 80px 12px 18px; padding: 12px 80px 12px 18px;
text-align: right; text-align: right;
} }
.ivu-row { .ivu-row {
position: relative; position: relative;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
//height: 48px; //height: 48px;
zoom: 1; zoom: 1;
display: block; display: block;
} }
.ivu-col-span-10 { .ivu-col-span-10 {
height: 48px; height: 48px;
} }
.ivu-form .ivu-form-item-label { .ivu-form .ivu-form-item-label {
text-align: right; text-align: right;
vertical-align: middle; vertical-align: middle;
float: left; float: left;
font-size: 14px; font-size: 14px;
color: #515a6e; color: #515a6e;
line-height: 1; line-height: 1;
padding: 10px 12px 10px 0; padding: 10px 12px 10px 0;
box-sizing: border-box; box-sizing: border-box;
} }
.footers{
.ivu-form .ivu-form-item-label{ .footers {
color: white; .ivu-form .ivu-form-item-label {
} color: white;
} }
}
.ivu-input { .ivu-input {
font-size: 14px; font-size: 14px;
} }
.ivu-select-dropdown-list{
.ivu-select-item:hover { .ivu-select-dropdown-list {
color: white; .ivu-select-item:hover {
background-color: @primary-color; color: white;
} background-color: @primary-color;
}
} }
.ivu-form-item { .ivu-form-item {
margin-bottom: 16px; margin-bottom: 16px;
vertical-align: top; vertical-align: top;
zoom: 1; zoom: 1;
} }
// .ivu-col-span-12 { // .ivu-col-span-12 {
...@@ -194,52 +215,52 @@ ...@@ -194,52 +215,52 @@
//冻结table列样式 //冻结table列样式
.ivu-table-fixed, .ivu-table-fixed,
.ivu-table-fixed-right { .ivu-table-fixed-right {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
box-shadow: 1px 0 1px rgba(0, 0, 0, .1); box-shadow: 1px 0 1px rgba(0, 0, 0, .1);
} }
//button 边距，可控制button的高度 //button 边距，可控制button的高度
.ivu-btn { .ivu-btn {
padding: 4px 15px 4px; padding: 4px 15px 4px;
} }
//复选框背景色 //复选框背景色
.ivu-checkbox-indeterminate .ivu-checkbox-inner { .ivu-checkbox-indeterminate .ivu-checkbox-inner {
border-color: @primary-color; border-color: @primary-color;
background-color: @primary-color; background-color: @primary-color;
} }
.ivu-checkbox-checked .ivu-checkbox-inner { .ivu-checkbox-checked .ivu-checkbox-inner {
border-color: @primary-color; border-color: @primary-color;
background-color: @primary-color; background-color: @primary-color;
} }
//鼠标经过table hover及选择行后的背景色 //鼠标经过table hover及选择行后的背景色
.ivu-table-row-hover td { .ivu-table-row-hover td {
background: #EFF8F7 !important; background: #EFF8F7 !important;
} }
.ivu-table-row-highlight td { .ivu-table-row-highlight td {
background-color: #EFF8F7 !important; background-color: #EFF8F7 !important;
} }
.ivu-dropdown-rel:hover { .ivu-dropdown-rel:hover {
.ivu-btn-text { .ivu-btn-text {
background-color: @primary-color; background-color: @primary-color;
} }
} }
//校验不通过下面提示红色小字 //校验不通过下面提示红色小字
.ivu-form-item-error-tip { .ivu-form-item-error-tip {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0; left: 0;
line-height: 1; line-height: 1;
padding-top: 2px; padding-top: 2px;
color: #ed4014; color: #ed4014;
} }
// .ivu-upload { // .ivu-upload {
...@@ -248,106 +269,116 @@ ...@@ -248,106 +269,116 @@
// } // }
.ivu-upload input { .ivu-upload input {
width: 300px; width: 300px;
height: 25px; height: 25px;
} }
//重新定义弹框的footer--[工艺规程管理有用到] //重新定义弹框的footer--[工艺规程管理有用到]
.model_footer { .model_footer {
border-top: 1px solid #e8eaec; border-top: 1px solid #e8eaec;
width: 100%; width: 100%;
padding: 10px 0 0; padding: 10px 0 0;
text-align: right; text-align: right;
} }
.ivu-card-head { .ivu-card-head {
background: #f5f6fa; background: #f5f6fa;
} }
.ivu-btn-ghost.ivu-btn-dashed, .ivu-btn-ghost.ivu-btn-dashed,
.ivu-btn-ghost.ivu-btn-default { .ivu-btn-ghost.ivu-btn-default {
color: @primary-color; color: @primary-color;
border-color: @primary-color; border-color: @primary-color;
background-color: #fff; background-color: #fff;
} }
.addform { .addform {
.ivu-input-icon { .ivu-input-icon {
width: 32px; width: 32px;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
color: #808695; color: #808695;
position: absolute; position: absolute;
right: 60px; right: 60px;
z-index: 3; z-index: 3;
} }
} }
// 人员选框 // 人员选框
.userstyle { .userstyle {
color: #515A6E; color: #515A6E;
display: block; display: block;
width: 100%; width: 100%;
padding: 4px padding: 4px
} }
.userstylese { .userstylese {
color: #A7B8CC; color: #A7B8CC;
display: block; display: block;
width: 100%; width: 100%;
padding: 4px; padding: 4px;
border: 1px dashed #DCDFE6; border: 1px dashed #DCDFE6;
text-align: center; text-align: center;
} }
.ivu-form-item-content Img { .ivu-form-item-content Img {
max-width: 100%; max-width: 100%;
} }
.myBug { .myBug {
.ivu-footer-toolbar { .ivu-footer-toolbar {
text-align: left; text-align: left;
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
color: #fff; color: #fff;
height:65px; height: 65px;
.ivu-footer-toolbar-right {
float: left; .ivu-footer-toolbar-right {
padding-left: 280px; float: left;
} padding-left: 280px;
} }
}
} }
.examine { .examine {
padding: 0; padding: 0;
.ivu-footer-toolbar {
text-align: left; .ivu-footer-toolbar {
background: rgba(0, 0, 0, 0.7); text-align: left;
color: #fff; background: rgba(0, 0, 0, 0.7);
} color: #fff;
}
} }
.manyTabs { .manyTabs {
.ivu-tabs-bar { .ivu-tabs-bar {
position: absolute; position: absolute;
z-index: 900; z-index: 900;
width: 100%; width: 100%;
} }
} }
.rowTitle80 { .rowTitle80 {
padding-right:20px; padding-right: 20px;
.ivu-input-with-suffix {
width: 294px; .ivu-input-with-suffix {
} width: 294px;
}
} }
.rowTitle100 { .rowTitle100 {
padding-right:20px; padding-right: 20px;
.ivu-input-with-suffix {
width: 274px; .ivu-input-with-suffix {
} width: 274px;
}
} }
.rowTitle120 { .rowTitle120 {
padding-right:20px; padding-right: 20px;
.ivu-input-with-suffix {
width: 254px; .ivu-input-with-suffix {
} width: 254px;
} }
\ 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