.app-page-tag { position: relative; width: 100%; height: 40px; margin: 8px 0; display: flex; align-items: center; .app-page-tag__left { display: flex; align-items: center; width: 100%; .el-tabs { width: 100%; .el-tabs__nav { padding: 0px 16px; border: none; } .el-tabs__item { height: 32px; line-height: 32px; padding: 0 12px; display: inline-block; margin: 4px 4px 4px 0; border-radius: 3px; font-size: 12px; vertical-align: middle; opacity: 1; overflow: hidden; .ivu-tag-dot-inner { display: inline-block; width: 12px; height: 12px; margin-right: 8px; border-radius: 50%; position: relative; top: 1px; } } .is-active { border-bottom:2px solid transparent; } .el-tabs__header { margin: 0; border-bottom: none; padding-right: 120px; } } } .app-page-tag__right { position: absolute; right: 0px; top: 0px; width: 120px; margin: 5px 0px; display: flex; justify-content: center; .el-dropdown { button { &:hover { opacity: 0.8; } } } } }