首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
React
V2EX  ›  React

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

  •  1
     
  •   danielzhao · 120 天前 · 344 次点击
    这是一个创建于 120 天前的主题,其中的信息可能已经有所发展或是发生改变。

    styled-components 基础上实现了 px -> vw 单位转换的功能
    详细文档请参考: styled-components.com/docs
    源码地址:https://github.com/hnzycfcfed/styled-px2vw

    示例

    style

    Output

    converted

    Screenshot

    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;
    `;
    
    1 回复  |  直到 2019-04-25 11:07:08 +08:00
        1
    leisure   120 天前
    自动转 vw !

    感谢楼主!

    这下方便多了!
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3779 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 17ms · UTC 06:58 · PVG 14:58 · LAX 23:58 · JFK 02:58
    ♥ Do have faith in what you're doing.