From d662ba9cab4b39371b0ae2c78fcfbaf76a4fe18a Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 06 二月 2023 15:40:20 +0800 Subject: [PATCH] 2023-02-06 --- src/menu/stylecontroller/index.jsx | 39 ++++++++++++++++++++++++++++++++++----- 1 files changed, 34 insertions(+), 5 deletions(-) diff --git a/src/menu/stylecontroller/index.jsx b/src/menu/stylecontroller/index.jsx index 397fa05..b9e30ca 100644 --- a/src/menu/stylecontroller/index.jsx +++ b/src/menu/stylecontroller/index.jsx @@ -35,6 +35,7 @@ import MKEmitter from '@/utils/events.js' import asyncComponent from '@/utils/asyncComponent' import StyleInput from './styleInput' +import SysColorSketch from './syscolorsketch' import MainLogo from '@/assets/img/main-logo.png' import './index.scss' @@ -574,6 +575,13 @@ > <ColorSketch value={card.color || 'rgba(0, 0, 0, 0.85)'} onChange={this.changeFontColor} /> </Form.Item> + <Form.Item + colon={false} + label={<BgColorsOutlined title="绯荤粺鑹�"/>} + labelCol={{xs: { span: 24 }, sm: { span: 4 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 20 }} } + > + <SysColorSketch onChange={this.changeFontColor} /> + </Form.Item> </Col> : null} {fonts.includes('fontStyle') ? <Col span={24}> <Form.Item @@ -624,6 +632,13 @@ labelCol={{xs: { span: 24 }, sm: { span: 4 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 20 }} } > <ColorSketch value={card.backgroundColor || '#ffffff'} onChange={this.changeBackgroundColor} /> + </Form.Item> + <Form.Item + colon={false} + label={<BgColorsOutlined title="绯荤粺鑹�"/>} + labelCol={{xs: { span: 24 }, sm: { span: 4 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 20 }} } + > + <SysColorSketch onChange={this.changeBackgroundColor} /> </Form.Item> </Col> {window.develop === true ? <Col span={24}> @@ -768,11 +783,18 @@ label={<BgColorsOutlined title="杈规棰滆壊"/>} labelCol={{xs: { span: 24 }, sm: { span: 4 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 20 }} } > - {borposition === 'outer' ? <ColorSketch defaultValue={card.borderColor || 'transparent'} onChange={this.changeBorderColor} /> : null} - {borposition === 'left' ? <ColorSketch defaultValue={card.borderLeftColor || 'transparent'} onChange={this.changeBorderColor} /> : null} - {borposition === 'right' ? <ColorSketch defaultValue={card.borderRightColor || 'transparent'} onChange={this.changeBorderColor} /> : null} - {borposition === 'top' ? <ColorSketch defaultValue={card.borderTopColor || 'transparent'} onChange={this.changeBorderColor} /> : null} - {borposition === 'bottom' ? <ColorSketch defaultValue={card.borderBottomColor || 'transparent'} onChange={this.changeBorderColor} /> : null} + {borposition === 'outer' ? <ColorSketch value={card.borderColor || 'transparent'} onChange={this.changeBorderColor} /> : null} + {borposition === 'left' ? <ColorSketch value={card.borderLeftColor || 'transparent'} onChange={this.changeBorderColor} /> : null} + {borposition === 'right' ? <ColorSketch value={card.borderRightColor || 'transparent'} onChange={this.changeBorderColor} /> : null} + {borposition === 'top' ? <ColorSketch value={card.borderTopColor || 'transparent'} onChange={this.changeBorderColor} /> : null} + {borposition === 'bottom' ? <ColorSketch value={card.borderBottomColor || 'transparent'} onChange={this.changeBorderColor} /> : null} + </Form.Item> + <Form.Item + colon={false} + label={<BgColorsOutlined title="绯荤粺鑹�"/>} + labelCol={{xs: { span: 24 }, sm: { span: 4 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 20 }} } + > + <SysColorSketch onChange={this.changeBorderColor} /> </Form.Item> </Col> <Col span={24}> @@ -794,6 +816,13 @@ > <ColorSketch value={card.shadowColor || 'transparent'} onChange={this.changeShadowColor} /> </Form.Item> + <Form.Item + colon={false} + label={<BgColorsOutlined title="绯荤粺鑹�"/>} + labelCol={{xs: { span: 24 }, sm: { span: 4 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 20 }} } + > + <SysColorSketch onChange={this.changeShadowColor} /> + </Form.Item> </Col> <Col span={24}> <Form.Item -- Gitblit v1.8.0