test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 12:08:13 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

无选项样式优化

Browse Source
This commit is contained in:
2betop 2020-05-27 20:09:39 +08:00
parent 4f7a0bfa62
commit aef41bace7
4 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
scss/_mixins.scss
View File

@ -382,3 +382,12 @@
}
}
}
@mixin checkboxes-placeholder {
height: $Form-input-height;
line-height: $Form-input-lineHeight;
font-size: $Form-input-fontSize;
padding: ($Form-input-height - $Form-input-lineHeight * $Form-input-fontSize)/2
$gap-sm;
color: $text--muted-color;
}

9
scss/components/form/_checks.scss
View File

@ -279,15 +279,6 @@
display: block;
}
@mixin checkboxes-placeholder {
height: $Form-input-height;
line-height: $Form-input-lineHeight;
font-size: $Form-input-fontSize;
padding: ($Form-input-height - $Form-input-lineHeight * $Form-input-fontSize)/2
$gap-sm;
color: $text--muted-color;
}
.#{$ns}Checkboxes {
> .#{$ns}Checkbox {
display: block;

4
scss/components/form/_transfer.scss
View File

@ -164,6 +164,10 @@
// .#{$ns}Transfer-result {
// flex-grow: unset;
// }
&-placeholder {
@include checkboxes-placeholder();
}
}
.#{$ns}TransferControl {

6
src/components/TabsTransfer.tsx
View File

@ -89,7 +89,11 @@ export class TabsTransfer extends React.Component<TabsTransferProps> {
} = this.props;
if (!Array.isArray(options) || !options.length) {
return <div>{placeholder || '暂无可选项'}</div>;
return (
<div className={cx('TabsTransfer-placeholder')}>
{placeholder || '暂无可选项'}
</div>
);
}
return (