12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- .cip-main-tabs{
- margin-top:8px;
- .el-tabs{
- border: none;
- .el-tabs__header{
- border: none;
- }
- .el-tabs__nav{
- border: none !important;
- }
- &__item{
- //border: none !important;
- border-radius: 7px;
- margin-top: 6px;
- margin-right: -24px;
- height: 38px;
- line-height: 38px;
- mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);
- mask-size: 100% 100%;
- padding: 0 30px !important;
- display: inline-flex;
- align-items: center;
- &:hover{
- background: #dee1e6;
- color: inherit;
- }
- &.is-active{
- border: none;
- color: #1890ff;
- background: #e8f4ff;
- }
- }
- }
- .el-tabs__header.is-top{
- margin: 0;
- }
- .cip-main-tab__label{
- display: inline-block;
- max-width: 120px;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- }
|