使用ant.design,什么是将Affix应用于Layout中的Header的正确方法, 以便在滚动过程中将其固定在顶部?以下是示例布局:
import { Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;
ReactDOM.render(
<div>
<Layout>
<Header>Header</Header>
<Layout>
<Sider>Sider</Sider>
<Content>Content</Content>
</Layout>
<Footer>Footer</Footer>
</Layout>
</div>
, mountNode);
Run Code Online (Sandbox Code Playgroud) 从如下所示反转字符向量列表的有效方法是什么?
lov <- list(v1=c("a", "b"), v2=c("a", "c"), v3=c("a"))
Run Code Online (Sandbox Code Playgroud)
list(a=c("v1", "v2", "v3"), b=c("v1"), c=c("v2"))
Run Code Online (Sandbox Code Playgroud)
与恢复列表结构相似,但涉及向量:
这个 GatsbyJS/antd 插件页面 ( https://github.com/bskimball/gatsby-plugin-antd/issues/2 ) 使得在使用 GatsbyJS 时似乎有一种方法可以编辑 ant.design (antd) 主题。提供的代码是
plugins: [
{
resolve: 'gatsby-plugin-antd',
options: {
style: true
}
}
]
Run Code Online (Sandbox Code Playgroud)
但没有额外的信息。在哪里可以更改主题原色之类的内容(如所述:https : //ant.design/docs/react/customize-theme)。ant.design 页面 ( https://ant.design/docs/react/customize-theme ) 说通过执行以下操作来更改主要颜色:
"theme": {
"primary-color": "#1DA57A",
},
Run Code Online (Sandbox Code Playgroud)
目前尚不清楚在 GatbsyJS 中将在哪个文件中设置这样的变量。
是否可以将antd的分页组件与Card组件组合在一起,以获得类似于Pinterest的页面?
来自https://ant.design/components/pagination/的基本分页代码:
import { Pagination } from 'antd';
ReactDOM.render(<Pagination defaultCurrent={1} total={50} />, mountNode);
Run Code Online (Sandbox Code Playgroud)
来自https://ant.design/components/card/的基本卡代码:
import { Card } from 'antd';
ReactDOM.render(
<Card
title="Card title"
extra={<a href="#">More</a>}
style={{ width: 300 }}
>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>,
mountNode
);
Run Code Online (Sandbox Code Playgroud)
与图像中的示例类似,如何将它们组合起来以遍历许多卡?例如,某些页面有9张卡片。
在下面的示例中,标题的第二行与绘图略有重叠。有没有办法通过增加标题和情节之间的间距来解决这个问题?
library(ggplot2)
library(plotly)
library(magrittr)
p1 <- ggplot(iris, aes(x = Sepal.Length, y = Petal.Length)) +
geom_point() +
ggtitle("A REALLY, REALLY, REALLY LONG TITLE THAT I WANT TO\nSPLIT INTO TWO LINES")
p1
ggplotly() %>% config(collaborate=FALSE, cloud=FALSE, displaylogo=FALSE, modeBarButtonsToRemove=c("select2d", "sendDataToCloud", "pan2d", "resetScale2d", "hoverClosestCartesian", "hoverCompareCartesian", "lasso2d", "zoomIn2d", "zoomOut2d"))
Run Code Online (Sandbox Code Playgroud)