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://www.shong.net/file/upload/202111/26/20211126112856427.png",
        },
        {
            id: 2,
            url: "https://www.shong.net/file/upload/202111/26/20211126112856427.png",
        },
        {
            id: 3,
            url: "https://www.shong.net/file/upload/202111/26/20211126112856427.png",
        },
        {
            id: 4,
            url: "https://www.shong.net/file/upload/202111/26/20211126112856427.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;
`

待解决 悬赏分:70 - 离问题结束还有 163天19小时7分42秒
反对 0举报 0 收藏 0

我来回答

回答0