JS是真的强
js可以写前端,可以写后端,可以写服务端,还可以写数据库
没想到吧,js还可以写css
这里简单介绍一下 styled-components
:
一、安装依赖
// package.json
{
"styled-components": "^5.2.3",
}
二、 引入样式文件
// ----
import { HomePage } from './style';
// ---
return (
<HomePage>
<div> 内容 </div>
{/* 略 */}
</HomePage>
)
三、在 style.js 中操作样式
// ----
import styled from 'styled-components';
export const HomePage = styled.div`
.TabTop{
/* --- */
}
`;
四、效果
这里就不展示效果了,童叟无欺 O(∩_∩)O哈哈~
文章末尾附带: styled-components 简介
https://www.w3cschool.cn/styledcomponents/styledcomponents-nmlo38ix.html