combo 的tabs 模式,样式调整
This commit is contained in:
parent
29ad54e2ab
commit
9d2c702944
|
@ -4,6 +4,7 @@
|
|||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
list-style: none;
|
||||
user-select: none;
|
||||
|
||||
&::before {
|
||||
display: table;
|
||||
|
@ -264,8 +265,8 @@
|
|||
}
|
||||
|
||||
&-toolbar {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
padding-top: $gap-xs;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
padding-top: $gap-xs;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -237,6 +237,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
.#{$ns}ComboTabs > .#{$ns}Tabs-links {
|
||||
@include clearfix();
|
||||
}
|
||||
|
||||
.#{$ns}ComboTabs-addLink {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.#{$ns}Combo-dragableTip {
|
||||
color: $text--muted-color;
|
||||
font-size: $fontSizeSm;
|
||||
|
|
|
@ -694,12 +694,13 @@ export default class ComboControl extends React.Component<ComboProps> {
|
|||
|
||||
return (
|
||||
<CTabs
|
||||
className={"ComboTabs"}
|
||||
mode={tabsStyle}
|
||||
activeKey={store.activeKey}
|
||||
onSelect={this.handleTabSelect}
|
||||
additionBtns={
|
||||
!disabled ? (
|
||||
<li className={cx(`Tabs-link`)}>
|
||||
<li className={cx(`Tabs-link ComboTabs-addLink`)}>
|
||||
{store.addable && addable !== false ? (
|
||||
Array.isArray(conditions) && conditions.length ? (
|
||||
render(
|
||||
|
@ -723,7 +724,7 @@ export default class ComboControl extends React.Component<ComboProps> {
|
|||
}
|
||||
)
|
||||
) : (
|
||||
<a onClick={this.addItem} data-tooltip="新增一条数据">
|
||||
<a onClick={this.addItem} data-position="left" data-tooltip="新增一条数据">
|
||||
{addIcon ? <i className={cx('m-r-xs', addIcon)} /> : null}
|
||||
<span>{addButtonText || '新增'}</span>
|
||||
</a>
|
||||
|
|
Loading…
Reference in New Issue