rc-viewer怎么配置工具栏,去掉一部分选项,还要修改一些样式

有用过的能指点下吗,文档里写的,我不太明白自定义的配置应该加到哪里,想去掉一些工具栏的按钮,然后修改翻页的图标。

`import React from 'react';
import './style.less';
import {Tabs, Checkbox, Divider, Form, Row, Col,} from 'antd';
import RcViewer from '@hanyk/rc-viewer'

class DomesticSearch extends React.Component {

constructor(props) {
    super(props);
    const defaultState = {
    }
}
componentDidMount() {
}
render() {
    const list = [
        {
            id: 1,
            url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
        },
        {
            id: 2,
            url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
        },
        {
            id: 3,
            url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
        },
        {
            id: 4,
            url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
        },
    ]
    const options = {
    }
    return (
        <div className="seach-centen">
            <RcViewer options={options} ref='viewer'>
                <ul id="images">
                    <Row
                        gutter={{ xs: 8, sm: 12, md: 16, lg: 18, xl: 20 }}
                    >
                        {
                            list.map(function (list, index) {
                                return (
                                    <Col span={6} key={index} >
                                        <li className="seach-box">
                                            <img src={list.url} className='c-backimg' />
                                        </li>
                                    </Col>
                                )
                            })
                        }
                    </Row>
                </ul>
            </RcViewer>
        </div>
    );
}

}
export default DomesticSearch;
`

阅读 2.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题