jb-mobile-ui/README.md

JinBiWuYe Mobile UI Components base on Vant

<h1 align="center">Jb Mobile Ui</h1>

<p align="center">A public Vue UI library for JinBiWuYe mobile web apps(Vue 3).</p>

## Install

Using `npm` to install:

```bash
npm i jb-mobile-ui
```

Using `yarn`, `pnpm`, or `bun`:

```bash
# with yarn
yarn add jb-mobile-ui

# with pnpm
pnpm add jb-mobile-ui

# with Bun
bun add jb-mobile-ui
```

## Usage

在 vite.config.ts 中添加配置:

```javascript
resolve: {
  alias: {
    'jb-mobile-ui': '/node_modules/jb-mobile-ui'
  }
}
```

在 main.ts 中引入 css:

```javascript
import 'jb-mobile-ui/dist/index.css'
```

如果需要更换主题色，则需要在引入 jb-mobile-ui/dist/index.css 后通过 css 变量 --theme-color 进行修改:

```css
:root {
  --theme-color: #7B52FE;
}
```

按需引入组件:

```javascript
import { JbMobileButton } from 'jb-mobile-ui'
```

## Links

- [Documentation]()
- [Changelog](https://jinbicloud.coding.net/p/P8/d/jb-mobile-ui/git/tree/main/CHANGELOG.md)