| | |
| | | // @import './element-ui.scss';
|
| | | // // @import './sidebar.scss';
|
| | | // @import './style.scss';
|
| | |
|
| | | @font-face {
|
| | | font-family: digital;
|
| | | src: url('~@/assets/DS-Digital.ttf');
|
| | | }
|
| | | body {
|
| | | height: 100%;
|
| | | -moz-osx-font-smoothing: grayscale;
|
| | |
| | | .app-container {
|
| | | padding: 20px;
|
| | | }
|
| | | .el-input__inner {
|
| | | background: transparent;
|
| | | border-radius: 2px;
|
| | | border: 1px solid #435F9E;
|
| | | height: 32px;
|
| | | line-height: 32px;
|
| | | color: #C6DCE0;
|
| | | }
|
| | | .el-input__icon {
|
| | | line-height: 32px;
|
| | | }
|
| | | .el-button--mini {
|
| | | background: #AAB6BA;
|
| | | }
|
| | | .el-button--primary {
|
| | | background: #5DD1FC;
|
| | | }
|
| | | // .el-popper[x-placement^=bottom] {
|
| | | // margin-top: 50px;
|
| | | // }
|
| | | .el-button--mini {
|
| | | background: transparent;
|
| | | }
|
| | | .el-button--primary {
|
| | | background-color: transparent;
|
| | | }
|
| | | .el-button--primary.active {
|
| | | background-color: #5DD1FC!important;
|
| | | }
|
| | | .el-form-item__content {
|
| | | line-height: 40px;
|
| | | }
|
| | | .el-form-item {
|
| | | margin-bottom: 22px;
|
| | | }
|
| | | .el-form-item__label {
|
| | | font-size: 12px;
|
| | | }
|
| | | .el-dialog__wrapper {
|
| | | #app {
|
| | | .el-input__inner {
|
| | | color: #000;
|
| | | background: transparent;
|
| | | border-radius: 2px;
|
| | | border: 1px solid #435F9E;
|
| | | height: 32px;
|
| | | line-height: 32px;
|
| | | color: #FFF;
|
| | | }
|
| | | } |
| | | .el-input__icon {
|
| | | line-height: 32px;
|
| | | }
|
| | | .el-textarea__inner {
|
| | | color: #FFF;
|
| | | }
|
| | | |
| | | .el-form-item__content {
|
| | | line-height: 40px;
|
| | | }
|
| | | .el-form-item {
|
| | | margin-bottom: 22px;
|
| | | }
|
| | | .el-form-item__label {
|
| | | font-size: 12px;
|
| | | }
|
| | | .el-dialog__wrapper {
|
| | | .el-input__inner {
|
| | | color: #000;
|
| | | }
|
| | | }
|
| | | .el-button,.el-button:hover,.el-button:active,.el-button:focus {
|
| | | border: none;
|
| | | min-width: 150px;
|
| | | // background: rgba(22,26,25,.8);
|
| | | // background: #AAB6BA;
|
| | | background-color: rgba(170,182,186,0.2);
|
| | | color: #90999C;
|
| | | border: 1px solid #5DD1FC;
|
| | | color: #5DD1FC;
|
| | | }
|
| | | .el-button:focus, .el-button:hover {
|
| | | background: #AAB6BA;
|
| | | }
|
| | | .el-button--primary,.el-button--primary:active,.el-button--primary:hover,.el-button--primary:focus {
|
| | | color: #FFF;
|
| | | background: #5DD1FC;
|
| | | }
|
| | | .el-textarea__inner {
|
| | | background-color: transparent;
|
| | | border: 1px solid #435F9E;
|
| | | }
|
| | | .table-action {
|
| | | display: inline-block;
|
| | | width: 92px;
|
| | | height: 32px;
|
| | | line-height: 32px;
|
| | | color: #5DD1FC;
|
| | | background: url('../assets/img/table-edit.png');
|
| | | background-size: contain;
|
| | | }
|
| | | .table-del {
|
| | | margin-inline: 4px;
|
| | | color: #FF4342;
|
| | | background: url('~@/assets/img/table-del.png');
|
| | | background-size: contain;
|
| | | }
|
| | | .el-dialog {
|
| | | // background: ;
|
| | | background-image: url('~@/assets/img/login/bg.png');
|
| | | background-size: cover;
|
| | | background-repeat: no-repeat;
|
| | | color: #FFF;
|
| | | height: calc(100vh - 130px);
|
| | | display: flex;
|
| | | flex-direction: column;
|
| | | .el-dialog__body {
|
| | | flex: 1 1 auto;
|
| | | }
|
| | | .el-dialog__title {
|
| | | color: #FFF;
|
| | | font-size: 14px;
|
| | | }
|
| | | }
|
| | | .el-dialog__wrapper .el-input__inner {
|
| | | color: #FFF;
|
| | | }
|
| | | .el-form-item__content .el-input__inner {
|
| | | color: #FFF!important;
|
| | | }
|
| | | .el-range-editor .el-range-input {
|
| | | background-color: transparent;
|
| | | color: #FFF;
|
| | | }
|
| | | .el-form-item__label {
|
| | | color: #fff;
|
| | | }
|
| | | .el-pager li.active {
|
| | | color: #FFF;
|
| | | background: linear-gradient(180deg, #00FFFF 0%, #008CFF 100%);
|
| | | }
|
| | | .el-pager li {
|
| | | color: #FFF;
|
| | | background: rgba(255,255,255,0.2);
|
| | | }
|
| | | }
|
| | | .nav-top {
|
| | | position: relative;
|
| | | span {
|
| | | font-size: 14px;
|
| | | padding-left: 10px;
|
| | | }
|
| | | }
|
| | | .nav-top::before {
|
| | | content: '';
|
| | | width: 2px;
|
| | | height: 16px;
|
| | | position: absolute;
|
| | | top: 50%;
|
| | | transform: translateY(-50%);
|
| | | background: #4DC3FF;
|
| | | }
|
| | | ::-webkit-scrollbar {
|
| | | width: 10px; /*对垂直流动条有效*/
|
| | | height: 10px; /*对水平流动条有效*/
|
| | | }
|
| | | |
| | | /*定义滚动条的轨道颜色、内阴影及圆角*/
|
| | | ::-webkit-scrollbar-track{
|
| | | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
|
| | | background-color: #413f4f;
|
| | | border-radius: 3px;
|
| | | }
|
| | | |
| | | |
| | | /*定义滑块颜色、内阴影及圆角*/
|
| | | ::-webkit-scrollbar-thumb{
|
| | | border-radius: 7px;
|
| | | -webkit-box-shadow: inset 0 0 6px rgba(21,20,20,.3);
|
| | | background-color: #f9f9f9;
|
| | | }
|