Commit 4cb9be33 authored by cyh's avatar cyh

标签页和面包屑样式调整

parent a575c94e
...@@ -6,7 +6,13 @@ ...@@ -6,7 +6,13 @@
font-size: 14px; font-size: 14px;
line-height: 1; line-height: 1;
@include utils-clearfix; @include utils-clearfix;
& i.el-icon-location{
font-size:20px;
color:#1A56a8;
float:left;
margin-top:-3px;
margin-right:12px;
}
@include e(separator) { @include e(separator) {
margin: 0 9px; margin: 0 9px;
font-weight: bold; font-weight: bold;
...@@ -25,14 +31,15 @@ ...@@ -25,14 +31,15 @@
color: $--color-text-regular; color: $--color-text-regular;
&.is-link, & a { &.is-link, & a {
font-weight: bold; font-weight: normal;
text-decoration: none; text-decoration: none;
transition: $--color-transition-base; transition: $--color-transition-base;
color: $--color-text-primary; color: $--color-text-primary;
&:hover { &:hover {
color: $--color-primary; color: $--color-primary-hover;
cursor: pointer; cursor: pointer;
text-decoration: underline;
} }
} }
} }
......
...@@ -2,6 +2,10 @@ ...@@ -2,6 +2,10 @@
@import "common/var"; @import "common/var";
@include b(tabs) { @include b(tabs) {
border: 1px solid $--border-color-base;
> .el-tabs__content {
padding: 0 8px 8px 8px;
}
@include e(header) { @include e(header) {
padding: 0; padding: 0;
position: relative; position: relative;
...@@ -10,12 +14,13 @@ ...@@ -10,12 +14,13 @@
@include e(active-bar) { @include e(active-bar) {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: -16px;
height: 2px; height: 2px;
background-color: $--color-primary; background-color: $--color-primary;
z-index: 1; z-index: 1;
transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1);
list-style: none; list-style: none;
padding:0 16px;
} }
@include e(new-tab) { @include e(new-tab) {
float: right; float: right;
...@@ -50,7 +55,7 @@ ...@@ -50,7 +55,7 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 2px; height: 1px;
background-color: $--border-color-light; background-color: $--border-color-light;
z-index: $--index-normal; z-index: $--index-normal;
} }
...@@ -93,17 +98,16 @@ ...@@ -93,17 +98,16 @@
} }
} }
@include e(item) { @include e(item) {
padding: 0 20px; padding: 0 24px;
height: 40px; height: 48px;
box-sizing: border-box; box-sizing: border-box;
line-height: 40px; line-height: 48px;
display: inline-block; display: inline-block;
list-style: none; list-style: none;
font-size: 14px; font-size: 16px;
font-weight: 500; font-weight: 500;
color: $--color-text-primary; color: $--color-text-regular;
position: relative; position: relative;
&:focus, &:focus:active { &:focus, &:focus:active {
outline: none; outline: none;
} }
...@@ -255,14 +259,14 @@ ...@@ -255,14 +259,14 @@
} }
} }
@include m((top, bottom)) { @include m((top, bottom)) {
.el-tabs__item.is-top:nth-child(2), // .el-tabs__item.is-top:nth-child(2),
.el-tabs__item.is-bottom:nth-child(2) { // .el-tabs__item.is-bottom:nth-child(2) {
padding-left: 0; // padding-left: 0;
} // }
.el-tabs__item.is-top:last-child, // .el-tabs__item.is-top:last-child,
.el-tabs__item.is-bottom:last-child { // .el-tabs__item.is-bottom:last-child {
padding-right: 0; // padding-right: 0;
} // }
&.el-tabs--border-card, &.el-tabs--card, &.el-tabs--border-card, &.el-tabs--card,
.el-tabs--left, .el-tabs--right { .el-tabs--left, .el-tabs--right {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment