Fatal编程技术网
  • javascript/
  • Javascript 在Ant.Design中个性化分页样式-有什么办法吗？

Javascript 在Ant.Design中个性化分页样式-有什么办法吗？

javascript reactjs web

Javascript 在Ant.Design中个性化分页样式-有什么办法吗？,javascript,reactjs,web,antd,Javascript,Reactjs,Web,Antd,我正在开发一个基于ReactJS的网站。在不同的库中，我选择了Ant Design（antd），因为它的元素非常漂亮。但是，我确实需要更改一些元素样式。在分页组件中，我选择了简单模式，如下图所示： 此组件的代码为： <Pagination simple defaultCurrent={2} total={50} /> 有没有办法更改此组件的格式？类似于“五分之二”而不是“五分之二”？我知道这与CSS无关 恐怕没有内置的方法将/更改为其他内容，例如从更改为 斜杠本身是硬编码的。

我正在开发一个基于ReactJS的网站。在不同的库中，我选择了Ant Design（antd），因为它的元素非常漂亮。但是，我确实需要更改一些元素样式。在分页组件中，我选择了简单模式，如下图所示：

此组件的代码为：

<Pagination simple defaultCurrent={2} total={50} />
有没有办法更改此组件的格式？类似于“五分之二”而不是“五分之二”？我知道这与CSS无关

恐怕没有内置的方法将
/
更改为其他内容，例如从
更改为


斜杠本身是硬编码的。您可以尝试在该回购协议中打开一个问题，或者提交一个拉取请求，您可以自己添加该选项。
我能够覆盖斜杠，并使用SCS将其替换为“of”字符串，代码：


 .ant-pagination-simple-pager {
  .ant-pagination-slash {
    visibility: hidden;
  }
  span::after {
    content: 'of';
    margin-left: 0;
    visibility: visible;
  }
}



通过将内容更新为
的字符串
。我已附加了一个屏幕截图。
似乎未附加屏幕截图：(