登录 注册
当前位置:主页 > 资源下载 > 10 > 在Hyperapp项目中运用Emotion CSS-in-JS技术的hyperapp-emotion!

在Hyperapp项目中运用Emotion CSS-in-JS技术的hyperapp-emotion!

  • 更新:2024-10-23 23:31:50
  • 大小:35KB
  • 推荐:★★★★★
  • 来源:网友上传分享
  • 类别:其它 - 开发技术
  • 格式:ZIP

资源介绍

超应用情感 绑定 该项目提供了一种使用Emotion CSS-in-JS框架在Hyperapp中制作的方法。 它在功能上类似于和,但在实现上却不一样。 考虑以下示例: import { h } from 'hyperapp' import styled from 'hyperapp-emotion' const borderColor = '#0FF' const Button = styled ( 'button' ) ` border: 1px solid ${ borderColor } ; color: #000; font-size: ${ props => props . size || '1rem' } ; &:hover { background: ${ borderColor } ; color: #FFF; } ` export