From 46f79b491173d284a4900d19e7aecf7509481438 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 21 一月 2022 17:21:25 +0800 Subject: [PATCH] 2022-01-21 --- src/menu/picturecontroller/index.jsx | 33 +++++++++++++++++---------------- 1 files changed, 17 insertions(+), 16 deletions(-) diff --git a/src/menu/picturecontroller/index.jsx b/src/menu/picturecontroller/index.jsx index ca809f7..acf10d8 100644 --- a/src/menu/picturecontroller/index.jsx +++ b/src/menu/picturecontroller/index.jsx @@ -1,5 +1,6 @@ import React, {Component} from 'react' -import { Modal, Button, Row, Col, Input, Icon, message, Tabs, Empty, Pagination, notification } from 'antd' +import { Modal, Button, Row, Col, Input, message, Tabs, Empty, Pagination, notification } from 'antd' +import { PlusOutlined, CopyOutlined, EditOutlined, DeleteOutlined, PictureOutlined } from '@ant-design/icons' import Api from '@/api' import Utils from '@/utils/utils.js' @@ -235,7 +236,7 @@ return ( <div style={{display: 'inline-block'}}> - <Button className="mk-border-purple" icon="picture" onClick={this.trigger}>璧勬簮绠$悊</Button> + <Button className="mk-border-purple" onClick={this.trigger}><PictureOutlined /> 璧勬簮绠$悊</Button> <Modal title="绮樿创" wrapClassName="picture-control-model" @@ -257,8 +258,8 @@ <Search placeholder="" value={imageKey} onChange={(e) => this.setState({imageKey: e.target.value})} onSearch={this.filterPicture} enterButton /> </Col> <Col span={16}> - <Button className="picture-plus mk-green" icon="plus" onClick={() => this.handleSource({typecharone: 'image'})}> - 娣诲姞 + <Button className="picture-plus mk-green" onClick={() => this.handleSource({typecharone: 'image'})}> + <PlusOutlined /> 娣诲姞 </Button> </Col> </Row> @@ -270,9 +271,9 @@ <Image url={item.linkurl} /> </div> <div className="image-video-control"> - <Icon type="copy" onClick={() => this.copySource(item)}/> - <Icon type="edit" onClick={() => this.handleSource(item)}/> - <Icon type="delete" onClick={() => this.deleteSource(item)}/> + <CopyOutlined onClick={() => this.copySource(item)}/> + <EditOutlined onClick={() => this.handleSource(item)}/> + <DeleteOutlined onClick={() => this.deleteSource(item)}/> </div> </div> <p className="image-video-remark">{item.remark}</p> @@ -288,8 +289,8 @@ <Search placeholder="" value={videoKey} onChange={e => this.setState({videoKey: e.target.value})} onSearch={this.filterVideo} enterButton /> </Col> <Col span={16}> - <Button className="picture-plus mk-green" icon="plus" onClick={() => this.handleSource({typecharone: 'video'})}> - 娣诲姞 + <Button className="picture-plus mk-green" onClick={() => this.handleSource({typecharone: 'video'})}> + <PlusOutlined /> 娣诲姞 </Button> </Col> </Row> @@ -301,9 +302,9 @@ <Video value={item.linkurl} /> </div> <div className="image-video-control"> - <Icon type="copy" onClick={() => this.copySource(item)}/> - <Icon type="edit" onClick={() => this.handleSource(item)}/> - <Icon type="delete" onClick={() => this.deleteSource(item)}/> + <CopyOutlined onClick={() => this.copySource(item)}/> + <EditOutlined onClick={() => this.handleSource(item)}/> + <DeleteOutlined onClick={() => this.deleteSource(item)}/> </div> </div> <p className="image-video-remark">{item.remark}</p> @@ -317,8 +318,8 @@ <Row style={{marginBottom: '15px'}}> <Col span={24}> 鍙坊鍔犲簲鐢ㄤ腑甯哥敤鐨勯鑹诧紝鍙互鏄嫳鏂囦唬鐮併�丠EX鏍煎紡銆丷GB鏍煎紡锛屾渶澶氬彲娣诲姞25绉嶃�� - {colorlist.length < 25 ? <Button className="picture-plus mk-green" icon="plus" onClick={() => this.handleSource({typecharone: 'color'})}> - 娣诲姞 + {colorlist.length < 25 ? <Button className="picture-plus mk-green" onClick={() => this.handleSource({typecharone: 'color'})}> + <PlusOutlined /> 娣诲姞 </Button> : null} </Col> </Row> @@ -329,8 +330,8 @@ <div className="image-video-box-body" style={{background: item.linkurl}}> </div> <div className="image-video-control"> - <Icon type="copy" onClick={() => this.copySource(item)}/> - <Icon type="delete" onClick={() => this.deleteSource(item)}/> + <CopyOutlined onClick={() => this.copySource(item)}/> + <DeleteOutlined onClick={() => this.deleteSource(item)}/> </div> </div> <p className="image-video-remark">{item.remark}</p> -- Gitblit v1.8.0