1.继承
const Background = styled.div`
background-color: red;
`
const LoginWrapper = styled(Background)`
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
.login {
padding: 20px;
width: 400px;
height: 250px;
.login-form-forgot {
color: #1890ff;
&:hover {
opacity: 0.8;
cursor: pointer;
}
}
}
`
2.传参
使用props接收
styled components语法
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 版权声明:本文为博主原创文章,未经博主允许不得转载。 PS:转载请注明出处作者: TigerChain地址: ht...
- 什么是styled-components styled-components 是react的一个第三方库,一种cs...
- 本文为 Marno 翻译,转载必须保留出处!公众号【 aMarno 】,关注后回复 RN 加入交流群React N...
- 问题: 用styled-components包裹antd组件,样式没有被覆盖?查看head中,styled的样式在...
- styled-components 是什么? styled-components 是一个常用的 css in js...