<p align="center"> <img alt="logo" width="120px" height="120px" src="https://p0.meituan.net/travelcube/808204ae1b37659839c254d9682937ff17783.png" width="200" style="margin-bottom: 10px;"> </p> <h3 align="center"> Aunt</h3> <p align="center">🔥 一个简单清晰的移动端UI组件库 - Aunt. 🔥</p>

✨ 特性

🚀 组件平均体积小于 1KB（min+gzip）.
💎 70+ 个高质量组件，覆盖移动端主流场景.
🛞 30+ 个高质量业务组件和页面.
💪 使用 TypeScript 编写，提供完整的类型定义.
📝 提供完善的文档和组件示例.
🎨 支持主题定制，内置 700+ 个主题变量.
😎 支持按需引入和 Tree Shaking.
🌵 现代浏览器

🖥 环境支持

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /><br> Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/a94987f29719142668cdf960b3f624ce1a3c6aa8/src/safari-ios/safari-ios.svg" alt="Safari for iOS" width="24px" height="24px" /> <br> Safari | | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

支持现代浏览器和 Chrome >= 51，iOS >= 10.0。

📦 安装

目前为高速迭代期间，可实时关注变化并进行更新。

# npm
npm i aunt

# yarn
yarn add aunt

🚀 快速开始

以下是 aunt 的一些代码示例：

代码片段:

import ReactDOM from 'react-dom';
import { Button } from 'aunt';

function App() {
  return <Button>Default Button</Button>;
}

ReactDOM.render(<App />, mountNode);

更多信息请参考快速开始.

内置从零搭建项目流程可参考项目实战

🛠 本地开发

先将本项目克隆到本地并安装相关依赖。

# 克隆项目
git clone https://github.com/79E/aunt.git

# 安装依赖
cd aunt && npm install

# 进入开发模式，浏览器访问 http://localhost:8000
npm start

🤝 贡献

阅读我们的贡献指南，让我们一起构建更好的 Aunt。

我们欢迎所有贡献。请先阅读我们的开发指南。您可以将任何想法作为拉取请求或作为 GitHub 问题提交 😃。

📜 许可证

MIT

Aunt

Install / Use

README