theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛(component): [tab]position 为 left,right 时 content 宽度异常

Browse Source
This commit is contained in:
sight 2022-08-27 13:54:16 +08:00
parent cf0b74820e
commit b121cc19a4
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
package/component/src/component/tab/index.less
View File

@ -1,4 +1,5 @@
.layui-tab { .layui-tab {
display: flex;
margin: 10px 0; margin: 10px 0;
text-align: left !important; text-align: left !important;
} }
@ -7,14 +8,20 @@
overflow: hidden; overflow: hidden;
} }
.layui-tab.is-left {
flex-direction: row;
}
.layui-tab.is-right { .layui-tab.is-right {
display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: space-between justify-content: space-between
} }
.layui-tab.is-top {
flex-direction: column;
}
.layui-tab.is-bottom { .layui-tab.is-bottom {
display: flex;
flex-direction: column-reverse flex-direction: column-reverse
} }
@ -316,6 +323,7 @@
.layui-tab-content { .layui-tab-content {
padding: 15px 0; padding: 15px 0;
flex: 1;
} }
.layui-tab.is-right>.layui-tab-content, .layui-tab.is-right>.layui-tab-content,