| | |
|---|
| | | @import './variables.scss';
|
|---|
| | | @import './mixin.scss';
|
|---|
| | | @import './transition.scss';
|
|---|
| | | @import './element-ui.scss';
|
|---|
| | | @import './sidebar.scss';
|
|---|
| | | @import './style.scss';
|
|---|
| | | // @import './variables.scss';
|
|---|
| | | // @import './mixin.scss';
|
|---|
| | | // @import './transition.scss';
|
|---|
| | | // @import './element-ui.scss';
|
|---|
| | | // // @import './sidebar.scss';
|
|---|
| | | // @import './style.scss';
|
|---|
| | |
|
|---|
| | | body {
|
|---|
| | | height: 100%;
|
|---|
| | |
|---|
| | | text-rendering: optimizeLegibility;
|
|---|
| | | font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | * {
|
|---|
| | | margin: 0;
|
|---|
| | | padding: 0;
|
|---|
| | | }
|
|---|
| | | label {
|
|---|
| | | font-weight: 700;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | .app-container {
|
|---|
| | | padding: 20px;
|
|---|
| | | }
|
|---|
| | | ::-webkit-scrollbar {
|
|---|
| | | width: 4px; /* Chrome/Safari */
|
|---|
| | | .el-input__inner {
|
|---|
| | | background: transparent;
|
|---|
| | | border-radius: 2px;
|
|---|
| | | border: 1px solid #435F9E;
|
|---|
| | | height: 32px;
|
|---|
| | | line-height: 32px;
|
|---|
| | | color: #C6DCE0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* 定义滑块（thumb）的样式 */
|
|---|
| | | ::-webkit-scrollbar-thumb {
|
|---|
| | | background-color: #999; /* Chrome/Safari */
|
|---|
| | | .el-input__icon {
|
|---|
| | | line-height: 32px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* 当滑块被按下时的样式 */
|
|---|
| | | ::-webkit-scrollbar-thumb:hover {
|
|---|
| | | background-color: #666; /* Chrome/Safari */
|
|---|
| | | .el-button--mini {
|
|---|
| | | background: #AAB6BA;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* 定义两侧边界的样式 */
|
|---|
| | | ::-webkit-scrollbar-track {
|
|---|
| | | background-color: #f5f5f5; /* Chrome/Safari */
|
|---|
| | | .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;
|
|---|
| | | } |
|---|
