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

update List

Browse source
This commit is contained in:
梁灏 2019-06-08 14:41:51 +08:00
parent bc56534b90
commit fb7f36f91b
4 changed files with 81 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/list/list.vue
View file

@ -16,7 +16,7 @@
export default {
name: 'List',
props: {
bordered: {
border: {
type: Boolean,
default: false
},
@ -70,7 +70,7 @@
`${prefixCls}-${this.size}`,
`${prefixCls}-${this.itemLayout}`,
{
[`${prefixCls}-bordered`]: this.bordered,
[`${prefixCls}-bordered`]: this.border,
[`${prefixCls}-split`]: this.split
}
];

45
src/styles/components/list.less
View file

@ -105,6 +105,9 @@
&-split &-header {
border-bottom: 1px solid @border-color-split;
}
&-split &-footer{
border-top: 1px solid @border-color-split;
}
&-large &-item {
padding-top: 16px;
@ -152,3 +155,45 @@
}
}
}
.@{list-prefix-cls}-bordered {
border: 1px solid @border-color-base;
border-radius: @border-radius-base;
.@{list-prefix-cls}-header {
padding-right: 24px;
padding-left: 24px;
}
.@{list-prefix-cls}-footer {
padding-right: 24px;
padding-left: 24px;
}
.@{list-prefix-cls}-item {
padding-right: 24px;
padding-left: 24px;
border-bottom: 1px solid @border-color-split;
}
.@{list-prefix-cls}-pagination {
margin: 16px 24px;
}
&.@{list-prefix-cls}-small {
.@{list-prefix-cls}-item {
padding-right: 16px;
padding-left: 16px;
}
.@{list-prefix-cls}-header,
.@{list-prefix-cls}-footer {
padding: 8px 16px;
}
}
&.@{list-prefix-cls}-large {
.@{list-prefix-cls}-header,
.@{list-prefix-cls}-footer {
padding: 16px 24px;
}
}
}