drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Table border style

Browse source
This commit is contained in:
梁灏 2019-09-18 10:10:12 +08:00
parent a1014d92ef
commit 6da05bb597
2 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/table/table.vue
View file

@ -258,7 +258,8 @@
{
[`${prefixCls}-hide`]: !this.ready,
[`${prefixCls}-with-header`]: this.showSlotHeader,
[`${prefixCls}-with-footer`]: this.showSlotFooter
[`${prefixCls}-with-footer`]: this.showSlotFooter,
[`${prefixCls}-wrapper-with-border`]: this.border
}
];
},

13
src/styles/components/table.less
View file

@ -4,10 +4,15 @@
.@{table-prefix-cls} {
&-wrapper{
position: relative;
border: 1px solid @border-color-base;
border-bottom: 0;
border-right: 0;
//border: 1px solid @border-color-base;
//border-bottom: 0;
//border-right: 0;
overflow: hidden; // 开启 max-height 时，没有 overflow: hidden，则底部多出 1px，早期没有 overflow 是因为有些控件没有加 transfer
&-with-border{
border: 1px solid @border-color-base;
border-bottom: 0;
border-right: 0;
}
}
width: inherit;
height: 100%;
@ -35,7 +40,7 @@
z-index: 1;
}
&:after{
&-border:after{
content: '';
width: 1px;
height: 100%;