基于 styled-components 的单位 px -> vw 自动转换

在 styled-components 基础上实现了 px -> vw 单位转换的功能

详细文档请参考： styled-components.com/docs

源码地址：https://github.com/hnzycfcfed/styled-px2vw

示例

Output

Screenshot

迁移

只需要修改 styled-components -> styled-px2vw 的导入即可

import styled, { createGlobalStyle,... } from 'styled-components';

const Button = styled.button`
  color: white;
  font-size: 36px;
  margin: 10px;
  height: 85px;
  border: 2px solid palevioletred;
  border-radius: 3px;
`;

to

import styled, { createGlobalStyle,... } from 'styled-px2vw';

const Button = styled.button`
  color: white;
  font-size: 36px;
  margin: 10px;
  height: 85px;
  border: 2px solid palevioletred;
  border-radius: 3px;
`;