github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Tabs: add focus style (#9441)

pull/9503/head
Hi-Linlin 2018-01-26 11:25:22 +08:00 committed by 杨奕
parent e56ae9ab5a
commit f9ad3f117c
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/tabs/src/tab-nav.vue
View File

@ -146,6 +146,7 @@
} }
tabList[nextIndex].focus(); // 改变焦点元素 tabList[nextIndex].focus(); // 改变焦点元素
tabList[nextIndex].click(); // 选中下一个tab tabList[nextIndex].click(); // 选中下一个tab
this.setFocus();
}, },
setFocus() { setFocus() {
this.isFocus = true; this.isFocus = true;

5
packages/theme-chalk/src/tabs.scss
View File

@ -99,6 +99,11 @@
outline: none; outline: none;
} }
&:focus.is-active.is-focus:not(:active) {
box-shadow: 0 0 2px 2px #409eff inset;
border-radius: 3px;
}
& .el-icon-close { & .el-icon-close {
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;