Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/uabjs/uab-ui-mobile
基于 react 的用于构建移动端应用程序的基本 web UI 库。
https://github.com/uabjs/uab-ui-mobile
dumi javascript mobile react react-components type typescript uab-mobile uab-ui-mobile
Last synced: 2 days ago
JSON representation
基于 react 的用于构建移动端应用程序的基本 web UI 库。
- Host: GitHub
- URL: https://github.com/uabjs/uab-ui-mobile
- Owner: uabjs
- License: mit
- Created: 2023-01-09T12:25:47.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-12T13:53:41.000Z (over 1 year ago)
- Last Synced: 2025-01-30T10:35:47.457Z (11 days ago)
- Topics: dumi, javascript, mobile, react, react-components, type, typescript, uab-mobile, uab-ui-mobile
- Language: TypeScript
- Homepage: https://uab-ui-mobile.netlify.app
- Size: 1.82 MB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Uab Ui Mobile
基于 react 的用于构建移动端应用程序的基本 web UI 库。
[](https://www.npmjs.com/package/uab-ui-mobile) [](https://github.com/uabjs/uab-ui-mobilee/releases) [](https://www.npmjs.com/package/uab-ui-mobile)[](https://github.com/uabjs/uab-ui-mobile)
中文文档
·
English Doc
## 快速上手
### 安装
```bash
$ npm install --save uab-ui-mobile
# or
$ yarn add uab-ui-mobile
# or
$ pnpm add uab-ui-mobile
```
### 引入
```js
import { Button } from 'uab-ui-mobile'
```
## 组件
基于各个组件功能点，一个一个的拆分出来实现。
### 通用
- [x] Button 按钮
- [x] Icon 图标
### 布局
- [x] AutoCenter 自动居中
- [x] Divider 分割线
- [x] Grid 栅格
- [x] SafeArea 安全区
- [x] Space 间距
### 导航
- [x] CapsuleTabs 胶囊选项卡
- [x] IndexBar 序列
- [x] JumboTabs 复杂选项卡
- [x] NavBar 导航栏
- [x] SideBar 侧边导航
- [x] TabBar 标签栏
- [x] Tabs 标签页
### 信息展示
- [x] Avatar 头像
- [x] Card 卡片
- [x] Collapse 折叠面板
- [x] Ellipsis 文本省略
- [x] FloatingPanel 浮动面板
- [x] Image 图片
- [x] ImageViewer 图片查看器
- [x] InfiniteScroll 无限滚动
- [x] List 列表
- [x] PageIndicator 分页符
- [x] Steps 步骤条
- [x] Swiper 走马灯
- [x] Tag 标签
- [x] WaterMark 水印
- [x] Footer 页脚
### 信息录入
- [ ] Cascader 级联选择
- [ ] CascaderView 级联选择视图
- [ ] CheckList 可勾选列表
- [ ] Checkbox 复选框
- [ ] Form 表单
- [x] Input 输入框
- [ ] Picker 选择器
- [ ] PickerView 选择器视图
- [ ] Radio 单选框
- [ ] Rate 评分
- [ ] SearchBar 搜索框
- [x] Selector 选择组
- [ ] Slider 滑动输入条
- [x] Stepper 步进器
- [x] Switch 开关
- [x] TextArea 文本域
### 反馈
- [ ] ActionSheet 动作面板
- [ ] Dialog 对话框
- [ ] Empty 空状态
- [x] ErrorBlock 异常
- [x] Loading 加载中
- [x] Mask 背景蒙层
- [ ] Modal 弹窗
- [x] Popover 气泡弹出框
- [ ] Popup 弹出层
- [ ] ProgressBar 进度条
- [ ] ProgressCircle 进度圈
- [ ] PullToRefresh 下拉刷新
- [ ] Result 结果
- [ ] Skeleton 骨架屏
- [ ] SwipeAction 滑动操作
- [x] Toast 轻提示
### 引导提示
- [x] Badge 徽标
- [ ] NoticeBar 通告栏
### 其他
- [x] ConfigProvider 配置
### 试验性
- [x] ScrollMask 滚动两侧遮罩
- [x] Calendar 日历
- [ ] Dropdown 下拉菜单
- [ ] FloatingBubble 浮动气泡
- [ ] ImageUploader 图片上传
- [ ] NumberKeyboard 数字键盘
- [ ] PasscodeInput 密码输入框
- [ ] ResultPage 结果页面
- [ ] TreeSelect 级联选择器
- [ ] VirtualInput 虚拟输入框
## 代码贡献者
感谢所有为 uab-ui-mobile 做出贡献的人!
