mobile-more/README.md

基于 antd-mobile v5 扩展移动端 UI 组件

# mobile-more

[![npm][npm]][npm-url]

基于 [antd-mobile](https://mobile.ant.design) 扩展的业务场景组件。

[查看文档和示例](https://mobile-more.vercel.app)

## 对应版本

| mobile-more | antd-mobile |
| ----------- | ----------- |
| `v0.x`      | `v5.x`      |

## 使用

### 安装

```shell
npm install mobile-more
```

```shell
yarn add mobile-more
```

```shell
pnpm add mobile-more
```

### 示例

```javascript
import { BizDescriptions } from 'mobile-more';

function App() {
  return (
    <BizDescriptions title="标题">
      <BizDescriptions.Item label="营业执照编号">1**************6</BizDescriptions.Item>
      <BizDescriptions.Item label="商户名称">xxx生活馆</BizDescriptions.Item>
    </BizDescriptions>
  );
}
```

## 文档

### 数据录入

- [BizForm] - 表单
- [BizFormItem] - 表单项
- [BizFormArray] - 表单数组
- [BizStepsForm] - 分步表单

### 数据展示

- [BizDescriptions] - 描述列表
- [BizDictionary] - 数据字典
- [BizField] - 业务字段
- [BizImage] - 图片，支持预览

### 其他

- [BizConfigProvider] - 上下文配置

### 通用

- [BizAnchorTabs] - 锚点选项卡
- [BizCaptchaButton] - 验证码按钮
- [BizCheckListPopup] - 勾选列表弹层
- [BizColorPicker] - 颜色选择器
- [BizFileViewer] - 文件预览
- [BizImageUploader] - 图片上传
- [BizPopup] - 弹出层
- [BizPreloader] - 预加载
- [BizScrollLoadView] - 滚动加载视图
- [BizHead] - 头部
- [BizUpload] - 上传
- [BizWhiteSpace] - 空白间隔

[npm]: https://img.shields.io/npm/v/mobile-more.svg
[npm-url]: https://npmjs.com/package/mobile-more
[bizanchortabs]: https://mobile-more.vercel.app/components/biz-anchor-tabs
[bizcaptchabutton]: https://mobile-more.vercel.app/components/biz-captcha-button
[bizchecklistpopup]: https://mobile-more.vercel.app/components/biz-check-list-popup
[bizcolorpicker]: https://mobile-more.vercel.app/components/biz-color-picker
[BizFileViewer]: https://mobile-more.vercel.app/components/biz-file-viewer
[bizimageuploader]: https://mobile-more.vercel.app/components/biz-image-uploader
[bizpopup]: https://mobile-more.vercel.app/components/biz-popup
[bizpreloader]: https://mobile-more.vercel.app/components/biz-preloader
[bizscrollloadview]: https://mobile-more.vercel.app/components/biz-scroll-load-view
[bizhead]: https://mobile-more.vercel.app/components/biz-head
[bizdescriptions]: https://mobile-more.vercel.app/components/biz-descriptions
[bizdictionary]: https://mobile-more.vercel.app/components/biz-dictionary
[bizfield]: https://mobile-more.vercel.app/components/biz-field
[bizimage]: https://mobile-more.vercel.app/components/biz-image
[bizform]: https://mobile-more.vercel.app/components/biz-form
[bizstepsform]: https://mobile-more.vercel.app/components/biz-steps-form
[bizformitem]: https://mobile-more.vercel.app/components/biz-form-item
[bizformarray]: https://mobile-more.vercel.app/components/biz-form-array
[bizconfigprovider]: https://mobile-more.vercel.app/components/biz-config-provider
[bizupload]: https://mobile-more.vercel.app/components/biz-upload
[bizwhitespace]: https://mobile-more.vercel.app/components/biz-white-space