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;
`
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论