使用 JS 来写css

最新推荐文章于 2024-03-05 13:48:53 发布

Ashy-

最新推荐文章于 2024-03-05 13:48:53 发布

阅读量1k

点赞数

分类专栏：学习JavaScript js实用经验文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_43794299/article/details/117766561

版权

8 篇文章 1 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

JS是真的强

js可以写前端，可以写后端，可以写服务端，还可以写数据库
没想到吧，js还可以写css

这里简单介绍一下 styled-components：

// package.json
{
    "styled-components": "^5.2.3",
}

在这里插入图片描述

// ----
import { HomePage } from './style';
// ---
return (
    <HomePage>
    	<div> 内容 </div>
        {/* 略 */}    	
    </HomePage>
  )

在这里插入图片描述

// ----
import styled from 'styled-components';
export const HomePage = styled.div`
  .TabTop{
   /* --- */
    }
`;

在这里插入图片描述

这里就不展示效果了，童叟无欺 O(∩_∩)O哈哈~

文章末尾附带： styled-components 简介
https://www.w3cschool.cn/styledcomponents/styledcomponents-nmlo38ix.html

关注