| | |
| | | } |
| | | |
| | | state = { |
| | | label: '调整', |
| | | label: '批量调整', |
| | | parent: null, |
| | | type: '', |
| | | components: [] |
| | |
| | | triggerStyleChange = () => { |
| | | const { label, components } = this.state |
| | | |
| | | if (label === '调整') { |
| | | if (label === '批量调整') { |
| | | document.body.className = 'style-control' |
| | | sessionStorage.setItem('style-control', 'true') |
| | | this.setState({label: '退出'}) |
| | |
| | | |
| | | MKEmitter.emit('closeCombineStyle') |
| | | |
| | | this.setState({label: '调整', parent: null, components: []}) |
| | | this.setState({label: '批量调整', parent: null, components: []}) |
| | | } |
| | | } |
| | | |
| | | render() { |
| | | const { label } = this.state |
| | | return ( |
| | | <Button className="style-control-button" icon="font-colors" title="调整样式" onClick={this.triggerStyleChange}>{label}</Button> |
| | | <Button className="style-control-button" icon="font-colors" title="批量调整样式" onClick={this.triggerStyleChange}>{label}</Button> |
| | | ) |
| | | } |
| | | } |