https://github.com/qingzi-king/agile-mobile

a web mobile ui components build on react.
https://github.com/qingzi-king/agile-mobile

mobile-web react typescript ui-components

Last synced: 4 months ago
JSON representation

a web mobile ui components build on react.

• Host: GitHub
• URL: https://github.com/qingzi-king/agile-mobile
• Owner: qingzi-king
• License: mit
• Created: 2020-09-16T09:58:39.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-02-23T03:10:34.000Z (over 4 years ago)
• Last Synced: 2025-09-14T08:59:17.077Z (9 months ago)
• Topics: mobile-web, react, typescript, ui-components
• Language: TypeScript
• Homepage: http://mobile.agile.antjob.ink/zh
• Size: 1.1 MB
• Stars: 21
• Watchers: 0
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          


  





🔥🔥🔥 一个灵活、精巧的react移动端组件库 🔥🔥🔥





🚀 项目正在持续开发中，随时欢迎您加入并提交您首个PR💋。





  

  

  



## 📦 安装

```

npm install agile-mobile

```

```

yarn add agile-mobile

```

## 🔨 使用

```

import { Button } from 'agile-mobile';

const App = () => (

  <>

    Hello Agile！

  >

);

```

## 💄 开发环境

包含本地文档及示例展示。

```

yarn start

```

## 💍 目录结构

```

.

├── LICENSE

├── README.md

├── babel-transform-less-to-css.js  # babel插件（将.less替换为.css）

├── config                          # 文档配置（基于dumi）

│   ├── components.ts

│   └── config.ts

├── docs                            # 文档配置

├── dist                            # 文档构建后目录

├── gulpfile.js                     # 组件打包配置（基于gulp）

├── jest.config.js                  # 测试配置（基于jest）

├── lib                             # 组件打包后的目录

├── package.json

├── src                             # 源文件

│   ├── assets                      # 资源目录

│   ├── components                  # 组件目录

│   │   ├── button

│   │   ├── elastic-box

│   │   └── ...

│   ├── demos

│   ├── global                      # 全局配置

│   │   ├── global.less

│   │   ├── index.ts

│   │   └── theme.less              # 全局主题配置

│   ├── index.ts                    # 组件库入口

│   ├── tests                       # 测试入口

│   ├── typings                     # 辅助ts配置

│   └── utils                       # 工具

├── tsconfig.json

└── yarn.lock

```

## 🥷 组件结构

```

.

├── src

│   ├── components

│   │   ├── button

│   │   │   ├── README.md           # 说明（可中英文区分README.es.md、README.zh.md）

│   │   │   ├── button.tsx          # 组件主体

│   │   │   ├── PropsType.tsx       # 类型定义（定义在组件内则可选）

│   │   │   ├── demos               # 示例

│   │   │   │   └── index.tsx

│   │   │   ├── index.ts            # 入口

│   │   │   ├── styles              # 样式

│   │   │   │   └── button.less

│   │   │   └── tests               # 测试

│   |   │   │   └── button.test.tsx

```

## License

Agile Mobile UI is MIT licensed, as found in the [LICENSE](https://github.com/qingzi-king/agile-mobile/blob/master/LICENSE) file.