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

发布于 2022-09-12 00:04:43 字数 2106 浏览 25 评论 0

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

`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;
`

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文