| | |
| | | |
| | | .el-menu { |
| | | |
| | | |
| | | |
| | | li { |
| | | font-size: 18px; |
| | | font-size: 16px !important; |
| | | } |
| | | |
| | | li.el-menu-item { |
| | | border: 0px !important; |
| | | |
| | | } |
| | | |
| | | li.el-menu-item.is-active { |
| | | border: 0px !important; |
| | | background: #000 !important; |
| | | background: #3f51b5 !important; |
| | | } |
| | | |
| | | li:hover { |
| | | border: 0px !important; |
| | | background: #000 !important; |
| | | background: #3f51b5 !important; |
| | | } |
| | | } |
| | | } |
| | |
| | | |
| | | .el-menu--horizontal { |
| | | .el-menu-item { |
| | | font-size: 12px !important; |
| | | text-align: center; |
| | | background: transparent !important; |
| | | |
| | |
| | | min-width: 132px !important; |
| | | } |
| | | |
| | | .el-submenu__title i { |
| | | color: #fff; |
| | | .el-submenu__title { |
| | | |
| | | font-size: 16px !important; |
| | | |
| | | i { |
| | | color: #fff; |
| | | } |
| | | } |
| | | |
| | | |
| | | .dialog-fade-enter-active .el-dialog.way { |
| | | animation: anim-open 1s; |
| | | animation: anim-open 1.5s; |
| | | } |
| | | |
| | | .dialog-fade-leave-active .el-dialog.way { |
| | | animation: anim-close 1s; |
| | | animation: anim-close 1.5s; |
| | | } |
| | | |
| | | @keyframes dialog-fade-in { |
| | | 0% { |
| | | transform: scale(0.1) translate3d(100%, 0, 0); |
| | | transform: scale(0.1) translate3d(0, -100%, 0); |
| | | opacity: 0; |
| | | } |
| | | |
| | |
| | | |
| | | @keyframes dialog-fade-out { |
| | | 0% { |
| | | transform: translate3d(0, 0, 0) scale(1); |
| | | transform: scale(1) translate3d(0, 0, 0); |
| | | opacity: 1; |
| | | } |
| | | |
| | | 100% { |
| | | transform: translate3d(100%, 0, 0) scale(0.1); |
| | | transform: scale(0.1) translate3d(0, -100%, 0); |
| | | opacity: 0; |
| | | } |
| | | } |
| | | |
| | | @keyframes anim-open { |
| | | 0% { |
| | | transform: scale(0.1) translate3d(100%, 0, 0); |
| | | transform: scale(0.1) translate3d(0, -100%, 0); |
| | | opacity: 0; |
| | | } |
| | | |
| | |
| | | |
| | | @keyframes anim-close { |
| | | 0% { |
| | | transform: translate3d(0, 0, 0) scale(1); |
| | | transform: scale(1) translate3d(0, 0, 0); |
| | | opacity: 1; |
| | | } |
| | | |
| | | 100% { |
| | | transform: translate3d(100%, 0, 0) scale(0.1); |
| | | transform: scale(0.1) translate3d(0, -100%, 0); |
| | | opacity: 0; |
| | | } |
| | | } |