提交 8b46549e authored 作者: haodaking's avatar haodaking

chore: 样式优化

上级 221a3018
...@@ -14,7 +14,7 @@ const TableCom = (props) => { ...@@ -14,7 +14,7 @@ const TableCom = (props) => {
}, [data.length]); }, [data.length]);
return ( return (
<Table <Table
scroll={obj} // scroll={obj}
columns={columns} columns={columns}
rowKey={(record) => record.id} rowKey={(record) => record.id}
dataSource={data} dataSource={data}
......
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu:hover { .ant-menu-light.ant-menu-horizontal > .ant-menu-submenu:hover {
color: #ab1941 !important; color: #ab1941 !important;
background-color: rgba(171, 25, 65, 0.08) !important; background-color: #ede2e8 !important;
transition: none !important; transition: none !important;
.ant-menu-title-content { .ant-menu-title-content {
color: #ab1941 !important; color: #ab1941 !important;
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
} }
.ant-menu-light.ant-menu-horizontal > .ant-menu-item-selected { .ant-menu-light.ant-menu-horizontal > .ant-menu-item-selected {
// color: #AB1941 !important; // color: #AB1941 !important;
background: rgba(171, 25, 65, 0.08) !important; background: #ede2e8 !important;
.ant-menu-title-content { .ant-menu-title-content {
color: #ab1941 !important; color: #ab1941 !important;
} }
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
} }
} }
.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected { .ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected {
background: rgba(171, 25, 65, 0.08) !important; background: #ede2e8 !important;
&::before{ &::before{
content: ''; content: '';
display: block; display: block;
......
...@@ -261,12 +261,7 @@ const BookAddEdit = () => { ...@@ -261,12 +261,7 @@ const BookAddEdit = () => {
}, },
hoverbarKeys: { hoverbarKeys: {
image: { image: {
menuKeys: [ menuKeys: ['imageWidth30', 'imageWidth50', 'imageWidth100', 'deleteImage'],
'imageWidth30',
'imageWidth50',
'imageWidth100',
'deleteImage',
],
}, },
text: { text: {
menuKeys: [ menuKeys: [
...@@ -281,7 +276,7 @@ const BookAddEdit = () => { ...@@ -281,7 +276,7 @@ const BookAddEdit = () => {
'|', '|',
'color', 'color',
'bgColor', 'bgColor',
'clearStyle' 'clearStyle',
], ],
}, },
}, },
...@@ -297,7 +292,7 @@ const BookAddEdit = () => { ...@@ -297,7 +292,7 @@ const BookAddEdit = () => {
}, [editor]); }, [editor]);
return ( return (
<div style={{ padding: 10, height: '700px', overflowY: 'auto' }}> <div style={{ padding: 10 }}>
<div className='back-icon' onClick={handleGoBack}> <div className='back-icon' onClick={handleGoBack}>
<span <span
style={{ style={{
...@@ -379,26 +374,34 @@ const BookAddEdit = () => { ...@@ -379,26 +374,34 @@ const BookAddEdit = () => {
<Form.Item label='简介' name='content' rules={[{ max: 65535, message: '最多65535字符' }]}> <Form.Item label='简介' name='content' rules={[{ max: 65535, message: '最多65535字符' }]}>
<Spin spinning={loading}> <Spin spinning={loading}>
{ossClient && ( {ossClient && (
<div className='editor-box' style={{ border: '1px solid #d9d9d9', borderRadius: '6px', overflow: 'hidden', zIndex: 100 }}> <div
<Toolbar className='editor-box'
editor={editor} style={{
defaultConfig={toolbarConfig} border: '1px solid #d9d9d9',
mode='default' borderRadius: '6px',
style={{ borderBottom: '1px solid #d9d9d9' }} overflow: 'hidden',
/> zIndex: 100,
<Editor
defaultConfig={editorConfig}
value={html}
onCreated={setEditor}
onChange={(editor) => {
form.setFieldValue('content', editor.getHtml());
setHtml(editor.getHtml());
}} }}
mode='default' >
className='w-e-text' <Toolbar
style={{ height: '400px', overflowY: 'hidden' }} editor={editor}
/> defaultConfig={toolbarConfig}
</div> mode='default'
style={{ borderBottom: '1px solid #d9d9d9' }}
/>
<Editor
defaultConfig={editorConfig}
value={html}
onCreated={setEditor}
onChange={(editor) => {
form.setFieldValue('content', editor.getHtml());
setHtml(editor.getHtml());
}}
mode='default'
className='w-e-text'
style={{ height: '400px', overflowY: 'hidden' }}
/>
</div>
)} )}
</Spin> </Spin>
</Form.Item> </Form.Item>
...@@ -417,7 +420,7 @@ const BookAddEdit = () => { ...@@ -417,7 +420,7 @@ const BookAddEdit = () => {
> >
取消 取消
</Button> </Button>
<Button className='submit' htmlType='submit' style={{ borderColor: '#aa1941'}}> <Button className='submit' htmlType='submit' style={{ borderColor: '#aa1941' }}>
确认 确认
</Button> </Button>
</Space> </Space>
......
...@@ -151,7 +151,7 @@ const SaleEdit = () => { ...@@ -151,7 +151,7 @@ const SaleEdit = () => {
setDiscountVal(newVal); setDiscountVal(newVal);
} else { } else {
message.error('最多输入小数点后3位,且不能大于10折'); message.error('最多输入小数点后3位,且不能大于10折');
newVal = newVal.slice(0, -1); newVal.slice(0, -1);
} }
}; };
...@@ -178,7 +178,7 @@ const SaleEdit = () => { ...@@ -178,7 +178,7 @@ const SaleEdit = () => {
setvip_price(newVal); setvip_price(newVal);
} else { } else {
message.error('最多输入小数点后3位,且不能大于零售价'); message.error('最多输入小数点后3位,且不能大于零售价');
newVal = newVal.slice(0, -1); newVal.slice(0, -1);
} }
}; };
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论