| | |
| | | /* src/assets/styles/index.scss */ |
| | | @import './variables.scss'; |
| | | @import './mixin.scss'; |
| | | @import './transition.scss'; |
| | |
| | | } |
| | | } |
| | | |
| | | //main-container全局样式 |
| | | // main-container全局样式 |
| | | .app-container { |
| | | padding: 20px; |
| | | width: 100%; |
| | |
| | | } |
| | | |
| | | .text-center { |
| | | text-align: center |
| | | text-align: center; |
| | | } |
| | | |
| | | .sub-navbar { |
| | |
| | | } |
| | | } |
| | | |
| | | //refine vue-multiselect plugin |
| | | // refine vue-multiselect plugin |
| | | .multiselect { |
| | | line-height: 16px; |
| | | } |
| | |
| | | .multiselect--active { |
| | | z-index: 1000 !important; |
| | | } |
| | | |
| | | /* 自定义 Element UI 通知样式 */ |
| | | .el-notification { |
| | | min-width: 300px !important; |
| | | background-color: #f0f9eb !important; |
| | | border-color: #e1f3d8 !important; |
| | | color: #67c23a !important; |
| | | font-size: 16px !important; |
| | | padding: 15px 20px !important; |
| | | z-index: 10000 !important; /* 提高 z-index,超过 Layout 的 drawer-bg */ |
| | | position: fixed !important; |
| | | top: 50px !important; |
| | | right: 20px !important; |
| | | } |
| | | |
| | | .el-notification.global-notification { |
| | | z-index: 10000 !important; /* 调试用,确保不被遮挡 */ |
| | | } |
| | | |
| | | .el-notification__title { |
| | | font-weight: bold !important; |
| | | } |
| | | |
| | | .el-notification__content { |
| | | font-size: 14px !important; |
| | | color: #333 !important; |
| | | } |
| | | |
| | | .el-notification__closeBtn { |
| | | color: #999 !important; |
| | | } |