| | |
| | | } |
| | | |
| | | changeWidth = (val) => { |
| | | let _val = val |
| | | if (_val === '0px') { |
| | | _val = 'auto' |
| | | const { card } = this.state |
| | | let _style = {...card} |
| | | |
| | | if (val === '0px') { |
| | | delete _style.width |
| | | } else { |
| | | _style.width = val |
| | | } |
| | | |
| | | this.updateStyle({width: _val}) |
| | | this.setState({ |
| | | card: _style |
| | | }) |
| | | |
| | | this.callback && this.callback(_style) |
| | | } |
| | | |
| | | changeHeight = (val) => { |
| | |
| | | label={<ColumnWidthOutlined title="宽度"/>} |
| | | labelCol={{xs: { span: 24 }, sm: { span: 4 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 20 }} } |
| | | > |
| | | <StyleInput defaultValue={card.width || ''} options={['px', 'vh', 'vw', '%']} onChange={this.changeWidth}/> |
| | | <StyleInput defaultValue={card.width || ''} options={['px', 'vh', 'vw', '%', 'auto']} onChange={this.changeWidth}/> |
| | | </Form.Item> |
| | | </Col> |
| | | </Panel> : null} |