/corn-ui

移动UI库，支持H5、小程序端使用。具有自适应屏幕，主题变量化等特性

Primary LanguageTypeScript

@Corn UI

一套企业级 UI 和 支持React、Taro小程序的组件库。

✨ 特性

  • 🌈 提炼自企业级移动端产品的交互语言和视觉风格。
  • 📦 开箱即用的高质量组件。
  • 🛡 使用 TypeScript 开发，提供完整的类型定义文件。
  • ⚙️ 无缝切换支持小程序
  • 🎨 深入每个细节的主题定制能力。

🖥 兼容环境

  • 现代浏览器和 IE11（需要 polyfills）。
  • 支持服务端渲染。
IE / Edge
IE / Edge		 Firefox
Firefox		 Chrome
Chrome		 Safari
Safari		 Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

🔨 Taro项目使用示例

安装依赖

yarn add corn-taro corn-cons

再入口scss文件中，引用样式

@import '~corn-taro/styles/index';
@import '~corn-cons/style';

使用组件

import { Button } from 'corn-taro'

const App = () => (
  <Button />
)



🔨 React项目中使用示例

安装依赖

yarn add corn-h5 corn-cons

使用组件

import { Button } from 'corn-h5'
import 'corn-h5/dist/styles/base.css'
import 'corn-h5/dist/styles/index.mini.css'

const App = () => (
  <Button />
)

使用375单位规范的UI组件

/** @import '~corn-taro/styles/index'; */
/** 替换引入 */
@import '~corn-taro/styles-375/index'

🌈 定制主题和按需加载样式

参考 定制主题 文档。

🤝 参与共建 PRs Welcome

请参考贡献指南.

🔗 案例链接

@Corn @Corn学院plus 小程序