Skip to content

iBiz-Vue-R7-Res
iBiz-Vue-R7-Res
提交 6106815e 编写于 作者: LUCIFER-ZHU's avatar LUCIFER-ZHU
浏览文件
操作

update: 更新

上级 8dcd8b7d
隐藏空白字符变更
内嵌 并排
正在显示 包含 247 行增加 和 121 行删除
src/components/app-breadcrumb/app-breadcrumb.scss
浏览文件 @ 6106815e
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
font-weight: 400 !important;
......@@ -6,19 +5,22 @@
.app-breadcrumb.el-breadcrumb {
display: inline-block;
font-size: 14px;
line-height: 50px;
font-size: 18px;
margin-left: 8px;
.no-redirect {
color: #97a8be;
color: var(--ey-color-black);
cursor: text;
.curselected{
color: #2196F3;
font-weight: bold;
}
.app-breadcrumb-selected{
cursor: pointer;
}
}
.el-breadcrumb__inner a {
color: var(--ey-color-gray-100);
}
.el-breadcrumb__separator{
margin: 0 10px;
}
}
\ No newline at end of file
src/components/app-stepper/app-stepper.scss
浏览文件 @ 6106815e
.app-stepper{
.el-input-number__increase{
border-left: 1px solid #dcdfe6!important ;
}
}
src/styles/common.scss
浏览文件 @ 6106815e
......@@ -57,29 +57,33 @@
// 确认操作框
.ivu-modal-confirm{
padding: 0;
margin: -30px -30px;
.ivu-modal-confirm-head{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--ey-color-gray-250);
.ivu-modal-confirm-head-icon{
font-size: 20px;
color: var(--app-color-red);
i::before{
content: "\F107";
}
display: none;
}
.ivu-modal-confirm-head-title{
font-size: 16px;
color: var(--app-color-black);
font-size: 18px;
font-weight: bold;
color: var(--ey-color-black);
}
}
.ivu-modal-confirm-body{
margin: 14px 0;
padding-left: 0;
margin: 30px 0;
padding: 0 35px;
font-size: 14px;
color: var(--app-color-gray-100);
color: var(--ey-color-black);
text-align: center;
}
.ivu-modal-confirm-footer{
margin-top: 0;
margin: 0 0 30px;
display: flex;
justify-content: flex-end;
justify-content: center;
.ivu-btn {
height: var(--ey-confirm-button-height);
font-size: var(--ey-confirm-button-font-size);
......
src/styles/element/autocomplete.scss
浏览文件 @ 6106815e
......@@ -2,4 +2,16 @@
.el-input{
font-size: 14px;
}
}
.el-autocomplete-suggestion{
.el-autocomplete-suggestion__list{
li{
color: var(--ey-color-gray-100);
}
li:hover{
color: var(--ey-color-black);
background-color: var(--ey-color-blue-green-110);
}
}
}
\ No newline at end of file
src/styles/element/index.scss
浏览文件 @ 6106815e
......@@ -7,4 +7,5 @@
@import './table.scss';
@import './upload.scss';
@import './tooltip.scss';
@import './popover.scss';
\ No newline at end of file
@import './popover.scss';
@import './stepper.scss';
\ No newline at end of file
src/styles/element/input.scss
浏览文件 @ 6106815e
.el-input{
.el-input__inner{
border-radius: 0;
border-radius: 4px;
min-height: 34px;
line-height: 34px;
}
// 悬浮
.el-input__inner:hover{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
&.is-disabled .el-input__inner:hover{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
//聚焦
.el-input__inner:focus {
box-shadow: 0 0 2px 0px #188ce5;
&.is-active .el-input__inner, .el-input__inner:focus{
border-color: var(--ey-color-blue-green);
box-shadow: none;
}
// 占位
.el-input__inner::-webkit-input-placeholder{
color: var(--app-color-gray-200);
color: var(--ey-color-gray-200);
}
// 禁用
&.is-disabled .el-input__inner{
color: var(--app-color-gray-200);
background-color: var(--app-color-gray-250);
color: var(--ey-color-gray-200);
background-color: var(--ey-color-gray-250);
}
// 后缀图标
.el-input__suffix{
color: var(--app-color-gray-200);
color: var(--ey-color-gray-200);
}
}
\ No newline at end of file
src/styles/element/select.scss
浏览文件 @ 6106815e
.el-select{
// 悬浮 select会压住input本身的
&:hover .el-input__inner{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
.el-input.is-disabled .el-input__inner:hover{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
}
\ No newline at end of file
src/styles/element/slider.scss
浏览文件 @ 6106815e
.el-slider__bar {
background-color: var(--app-color-blue);
background-color: var(--ey-color-blue-green);
}
.el-slider__button{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
\ No newline at end of file
src/styles/element/stepper.scss 0 → 100644
浏览文件 @ 6106815e
.el-input-number {
.el-input__inner:hover {
border-color: var(--ey-color-blue-green);
}
&:hover{
border-color: var(--ey-color-blue-green);
}
}
.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
border-color: var(--ey-color-blue-green);
}
\ No newline at end of file
src/styles/element/switch.scss
浏览文件 @ 6106815e
.el-switch.is-checked .el-switch__core {
border-color: var(--app-color-blue);
background-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
background-color: var(--ey-color-blue-green);
}
\ No newline at end of file
src/styles/element/tooltip.scss
浏览文件 @ 6106815e
// light样式
.el-tooltip__popper.is-light{
background-color: var(--app-color-gray-100);
background-color: var(--ey-color-gray-250);
box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
0px 3px 6px 0px rgba(0, 0, 0, 0.12);
border-radius: 2px;
border: 0;
color: var(--app-color-white);
padding: 10px;
border-radius: 4px;
font-size: 14px;
color: var(--ey-color-black);
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=bottom-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=bottom-end] .popper__arrow{
border-bottom-color: var(--app-color-gray-100);
border-bottom-color: var(--ey-color-gray-250);
&::after{
border-bottom-color: var(--app-color-gray-100);
border-bottom-color: var(--ey-color-gray-250);
}
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=top-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=top-end] .popper__arrow{
border-top-color: var(--app-color-gray-100);
border-top-color: var(--ey-color-gray-250);
&::after{
border-top-color: var(--app-color-gray-100);
border-top-color: var(--ey-color-gray-250);
}
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=left-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=left-end] .popper__arrow{
border-left-color: var(--app-color-gray-100);
border-left-color: var(--ey-color-gray-250);
&::after{
border-left-color: var(--app-color-gray-100);
border-left-color: var(--ey-color-gray-250);
}
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=right-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=right-end] .popper__arrow{
border-right-color: var(--app-color-gray-100);
border-right-color: var(--ey-color-gray-250);
&::after{
border-right-color: var(--app-color-gray-100);
border-right-color: var(--ey-color-gray-250);
}
}
// dark样式
.el-tooltip__popper.is-dark{
background-color: var(--app-color-gray-100);
background-color: var(--ey-color-gray-250);
box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
0px 3px 6px 0px rgba(0, 0, 0, 0.12);
border-radius: 2px;
border: 0;
color: var(--app-color-white);
padding: 10px;
border-radius: 4px;
font-size: 14px;
color: var(--ey-color-black);
}
.el-tooltip__popper.is-dark[x-placement^=bottom] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=bottom-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=bottom-end] .popper__arrow{
border-bottom-color: var(--app-color-gray-100);
border-bottom-color: var(--ey-color-gray-250);
&::after{
border-bottom-color: var(--app-color-gray-100);
border-bottom-color: var(--ey-color-gray-250);
}
}
.el-tooltip__popper.is-dark[x-placement^=top] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=top-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=top-end] .popper__arrow{
border-top-color: var(--app-color-gray-100);
border-top-color: var(--ey-color-gray-250);
&::after{
border-top-color: var(--app-color-gray-100);
border-top-color: var(--ey-color-gray-250);
}
}
.el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=left-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=left-end] .popper__arrow{
border-left-color: var(--app-color-gray-100);
border-left-color: var(--ey-color-gray-250);
&::after{
border-left-color: var(--app-color-gray-100);
border-left-color: var(--ey-color-gray-250);
}
}
.el-tooltip__popper.is-dark[x-placement^=right] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=right-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=right-end] .popper__arrow{
border-right-color: var(--app-color-gray-100);
border-right-color: var(--ey-color-gray-250);
&::after{
border-right-color: var(--app-color-gray-100);
border-right-color: var(--ey-color-gray-250);
}
}
\ No newline at end of file
src/styles/element/upload.scss
浏览文件 @ 6106815e
......@@ -8,15 +8,21 @@
margin-top: 15px;
.el-button{
width: 100%;
background: var(--app-color-white);
border: 1px solid var(--app-color-gray-235);
border-radius: 0;
background: var(--ey-color-white);
border: 1px solid var(--ey-color-gray-250);
border-radius: 4px;
&:hover{
color: var(--ey-color-blue-green);
}
&:focus{
color: var(--ey-color-blue-green);
}
}
}
.el-upload-list{
.el-upload-list__item{
.el-upload-list__item-name{
color: var(--app-color-blue);
color: var(--ey-color-blue-green);
.el-icon-document{
display: none;
}
......
src/styles/iview/card.scss
浏览文件 @ 6106815e
......@@ -6,7 +6,7 @@
font-weight: 700;
display: flex;
align-items: center;
color: var(--app-color-black);
color: var(--ey-color-black);
border-bottom: 1px solid var(--app-color-gray-235);
}
&.ivu-card-bordered {
......
src/styles/iview/checkbox-group.scss
浏览文件 @ 6106815e
......@@ -7,13 +7,13 @@
margin-right: 6px;
// 激活
&.ivu-checkbox-checked{
border-color: var(--app-color-blue);
background-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
background-color: var(--ey-color-blue-green);
}
}
// 悬浮
.ivu-checkbox:hover .ivu-checkbox-inner{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
// 禁用
.ivu-checkbox-disabled+span{
......
src/styles/iview/checkbox.scss
浏览文件 @ 6106815e
......@@ -6,13 +6,13 @@
// 激活
&.ivu-checkbox-checked {
.ivu-checkbox-inner{
border-color: var(--app-color-blue);
background-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
background-color: var(--ey-color-blue-green);
}
}
}
// 悬浮
.ivu-checkbox:hover .ivu-checkbox-inner{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
}
\ No newline at end of file
src/styles/iview/data-picker.scss 0 → 100644
浏览文件 @ 6106815e
.ivu-date-picker-transfer{
.ivu-date-picker-cells-cell-selected:hover em,
.ivu-date-picker-cells-cell-selected em{
background: var(--ey-color-blue-green);
color: var(--ey-color-white);
}
.ivu-date-picker-cells-cell-selected em{
box-shadow: inset 0 0 0 1px var(--ey-color-blue-green)
}
.ivu-date-picker-cells-cell-today em::after{
background-color: var(--ey-color-blue-green);
}
.ivu-date-picker-cells-focused em{
border-color: var(--ey-color-blue-green);
box-shadow: inset 0 0 0 1px var(--ey-color-blue-green)
}
.ivu-time-picker-cells-cell-selected{
color: var(--ey-color-blue-green);
}
.ivu-picker-panel-body-wrapper{
.ivu-picker-panel-body{
.ivu-picker-confirm{
.ivu-btn{
min-width: unset;
width: 45%;
padding: 5px;
margin: 8px 5px 0 5px ;
display: block;
float: left;
}
}
}
}
}
.ivu-date-picker{
.ivu-date-picker-editor{
.ivu-input-suffix{
.ivu-icon{
color: #2E2E38;
}
}
}
}
\ No newline at end of file
src/styles/iview/date-picker.scss
浏览文件 @ 6106815e
......@@ -2,25 +2,25 @@
padding: 0;
.ivu-date-picker-cells-cell-selected:hover em,
.ivu-date-picker-cells-cell-selected em {
background: var(--app-color-blue);
color: var(--app-color-white);
background: var(--ey-color-blue-green);
color: var(--ey-color-white);
}
.ivu-date-picker-cells-cell-selected em {
box-shadow: inset 0 0 0 1px var(--app-color-blue)
box-shadow: inset 0 0 0 1px var(--ey-color-blue-green)
}
.ivu-date-picker-cells-cell-today em::after {
background-color: var(--app-color-blue);
background-color: var(--ey-color-blue-green);
}
.ivu-date-picker-cells-focused em {
border-color: var(--app-color-blue);
box-shadow: inset 0 0 0 1px var(--app-color-blue)
border-color: var(--ey-color-blue-green);
box-shadow: inset 0 0 0 1px var(--ey-color-blue-green)
}
.ivu-time-picker-cells-cell-selected {
color: var(--app-color-blue);
color: var(--ey-color-blue-green);
}
.ivu-picker-panel-body-wrapper {
......@@ -60,4 +60,8 @@
}
}
}
}
.ivu-date-picker-focused input{
box-shadow: none;
}
\ No newline at end of file
src/styles/iview/dropdown.scss
浏览文件 @ 6106815e
......@@ -4,7 +4,7 @@
.ivu-input-suffix{
right: 5px;
i{
color: var(--app-color-gray-200);
color: var(--ey-color-gray-200);
}
}
}
......
src/styles/iview/form-item.scss
浏览文件 @ 6106815e
.ivu-form-item {
margin-bottom: 10px;
margin-bottom: 10px;
}
.ivu-form-item-error .ivu-input{
border:1px solid var(--app-color-red);
box-shadow: none;
}
.ivu-form-item-error .ivu-input:focus{
border:1px solid var(--app-color-red);
box-shadow: none;
}
\ No newline at end of file
src/styles/iview/input-box.scss
浏览文件 @ 6106815e
.ivu-input-number{
min-height: 34px;
line-height: 34px;
border-radius: 0;
border-radius: 4px;
// 悬浮
&:hover{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
&[disabled]:hover{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
// 占位
&::-webkit-input-placeholder{
color: var(--app-color-gray-200);
color: var(--ey-color-gray-200);
}
// 禁用
&.ivu-input-number-disabled{
color: var(--app-color-gray-200);
background-color: var(--app-color-gray-250);
color: var(--ey-color-gray-200);
background-color: var(--ey-color-gray-250);
}
//聚焦
&:focus {
border-color: var(--ey-color-blue-green);
box-shadow: none;
}
}
\ No newline at end of file
src/styles/iview/input.scss
浏览文件 @ 6106815e
.ivu-input{
min-height: 34px;
line-height: 34px;
border-radius: 0;
border-radius: 4px;
// 悬浮
&:hover{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
&[disabled]:hover{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
//聚焦
&:focus {
box-shadow: 0 0 2px 0px #188ce5;
border-color: var(--ey-color-blue-green);
box-shadow: none;
}
// 占位
&::-webkit-input-placeholder{
color: var(--app-color-gray-200);
color: var(--ey-color-gray-200);
}
// 禁用
&.ivu-input-disabled{
color: var(--app-color-gray-200);
background-color: var(--app-color-gray-250);
color: var(--ey-color-gray-200);
background-color: var(--ey-color-gray-250);
}
}
......@@ -28,7 +29,7 @@
.ivu-input-wrapper{
.ivu-input-suffix{
i{
color: var(--app-color-gray-200);
color: var(--ey-color-gray-200);
}
}
}
\ No newline at end of file
src/styles/iview/radio-group.scss
浏览文件 @ 6106815e
......@@ -5,23 +5,26 @@
margin-right: 6px;
width: 16px;
height: 16px;
.ivu-radio-inner{
border-width: 5px;
}
// 激活
&.ivu-radio-checked{
.ivu-radio-inner{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
&.ivu-radio-inner:after{
background-color: var(--app-color-blue);
display: none;
}
}
}
}
// 悬浮
.ivu-radio:hover .ivu-radio-inner{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
// 禁用
.ivu-radio-disabled+span{
color: var(--app-color-gray-200);
color: var(--ey-color-gray-200);
}
}
}
\ No newline at end of file
src/styles/iview/select.scss
浏览文件 @ 6106815e
.ivu-select{
.ivu-select-selection{
min-height: 34px;
border-radius: 0;
border-radius: 4px;
// 占位
.ivu-select-input::-webkit-input-placeholder{
color:var(--app-color-gray-200);
color:var(--ey-color-gray-200);
}
// 禁用
.ivu-select-input[disabled]{
color: var(--app-color-gray-200);
-webkit-text-fill-color: var(--app-color-gray-200);
color: var(--ey-color-gray-200);
-webkit-text-fill-color: var(--ey-color-gray-250);
}
}
// 悬浮
.ivu-select-selection:hover{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
}
}
.ivu-select-dropdown{
padding: 10px 0 10px;
.ivu-select-dropdown-list{
.ivu-select-item{
.ivu-select-item{
color: var(--ey-color-gray-100);
// 激活
&.ivu-select-item-selected{
color: var(--app-color-blue);
background-color: transparent;
color: var(--ey-color-white);
background-color: var(--ey-color-blue-green);
}
// 悬浮
&:hover{
color: var(--ey-color-black);
background-color: var(--ey-color-blue-green-110);
}
}
}
}
.ivu-select-dropdown.ivu-select-multiple{
.ivu-select-dropdown-list{
.ivu-select-item{
// 多选激活
&.ivu-select-item-selected{
color: var(--ey-color-blue-green);
background-color: var(--ey-color-white);
}
}
}
}
.ivu-select-visible .ivu-select-selection{
border-color: var(--ey-color-blue-green);
box-shadow: none;
}
\ No newline at end of file
src/styles/iview/step.scss
浏览文件 @ 6106815e
......@@ -11,7 +11,7 @@
.ivu-steps-head{
.ivu-steps-head-inner{
margin-right: 10px;
border-color: var(--app-color-gray-200);
border-color: var(--ey-color-gray-200);
background-color: #fff;
span{
color: #fff;
......@@ -21,7 +21,7 @@
.ivu-steps-main{
.ivu-steps-title{
font-size: 14px;
color: var(--app-color-black);
color: var(--ey-color-black);
}
}
}
......@@ -29,7 +29,7 @@
.ivu-steps-item.ivu-steps-status-process{
.ivu-steps-head{
.ivu-steps-head-inner{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
span{
color: #fff;
}
......@@ -45,9 +45,9 @@
}
.ivu-steps-head{
.ivu-steps-head-inner{
border-color: var(--app-color-blue);
border-color: var(--ey-color-blue-green);
.ivu-icon-ios-checkmark{
color: var(--app-color-blue);
color: var(--ey-color-blue-green);
transform: scale(1.5);
}
}
......
src/styles/iview/tooltip.scss
浏览文件 @ 6106815e
.ivu-tooltip-popper{
.ivu-tooltip-content{
.ivu-tooltip-inner {
padding: 4px 8px;
padding: 10px;
font-size: 14px;
min-height: 31px;
background-color: var(--app-color-gray-100);
color: var(--ey-color-black);
background-color: var(--ey-color-gray-250);
box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
0px 3px 6px 0px rgba(0, 0, 0, 0.12);
border-radius: 2px;
border-radius: 4px;
}
}
}
......@@ -15,20 +15,20 @@
.ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=bottom-start] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=bottom-end] .ivu-tooltip-arrow{
border-bottom-color: var(--app-color-gray-100);
border-bottom-color: var(--ey-color-gray-250);
}
.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=top-start] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=top-end] .ivu-tooltip-arrow{
border-top-color: var(--app-color-gray-100);
border-top-color: var(--ey-color-gray-250);
}
.ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=left-start] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=left-end] .ivu-tooltip-arrow{
border-left-color: var(--app-color-gray-100);
border-left-color: var(--ey-color-gray-250);
}
.ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=right-start] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=right-end] .ivu-tooltip-arrow{
border-right-color: var(--app-color-gray-100);
border-right-color: var(--ey-color-gray-250);
}
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或