fix: 修复 vc 组件里 icon svg 写 class 时样式异常

This commit is contained in:
力皓 2021-03-09 13:57:35 +08:00
parent 2031439e30
commit c6b4b2cfd0

View File

@ -47,7 +47,10 @@ export class SettingsPrimaryPane extends Component<{ editor: Editor; config: any
if (settings.isMultiple) { if (settings.isMultiple) {
return ( return (
<div className="lc-settings-navigator"> <div className="lc-settings-navigator">
{createIcon(settings.componentMeta?.icon, { className: 'lc-settings-navigator-icon' })} {createIcon(settings.componentMeta?.icon, {
className: 'lc-settings-navigator-icon',
class: 'lc-settings-navigator-icon',
})}
<Title title={settings.componentMeta!.title} /> <Title title={settings.componentMeta!.title} />
<span> x {settings.nodes.length}</span> <span> x {settings.nodes.length}</span>
</div> </div>
@ -101,7 +104,10 @@ export class SettingsPrimaryPane extends Component<{ editor: Editor; config: any
return ( return (
<div className="lc-settings-navigator"> <div className="lc-settings-navigator">
{createIcon(this.main.componentMeta?.icon, { className: 'lc-settings-navigator-icon' })} {createIcon(this.main.componentMeta?.icon, {
className: 'lc-settings-navigator-icon',
class: 'lc-settings-navigator-icon',
})}
<Breadcrumb className="lc-settings-node-breadcrumb">{items}</Breadcrumb> <Breadcrumb className="lc-settings-node-breadcrumb">{items}</Breadcrumb>
</div> </div>
); );