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}-hide`]: !this.ready,
[`${prefixCls}-with-header`]: this.showSlotHeader, [`${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} { .@{table-prefix-cls} {
&-wrapper{ &-wrapper{
position: relative; position: relative;
border: 1px solid @border-color-base; //border: 1px solid @border-color-base;
border-bottom: 0; //border-bottom: 0;
border-right: 0; //border-right: 0;
overflow: hidden; // 开启 max-height 时，没有 overflow: hidden，则底部多出 1px，早期没有 overflow 是因为有些控件没有加 transfer 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; width: inherit;
height: 100%; height: 100%;
@ -35,7 +40,7 @@
z-index: 1; z-index: 1;
} }
&:after{ &-border:after{
content: ''; content: '';
width: 1px; width: 1px;
height: 100%; height: 100%;