jb-mobile-ui 1.0.7 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +61 -61
- package/dist/index.cjs.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.es.js +15 -12
- package/package.json +97 -97
package/README.md
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
<h1 align="center">Jb Mobile Ui</h1>
|
|
2
|
-
|
|
3
|
-
<p align="center">A public Vue UI library for JinBiWuYe mobile web apps(Vue 3).</p>
|
|
4
|
-
|
|
5
|
-
## Install
|
|
6
|
-
|
|
7
|
-
Using `npm` to install:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm i jb-mobile-ui
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
Using `yarn`, `pnpm`, or `bun`:
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
# with yarn
|
|
17
|
-
yarn add jb-mobile-ui
|
|
18
|
-
|
|
19
|
-
# with pnpm
|
|
20
|
-
pnpm add jb-mobile-ui
|
|
21
|
-
|
|
22
|
-
# with Bun
|
|
23
|
-
bun add jb-mobile-ui
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
## Usage
|
|
27
|
-
|
|
28
|
-
在 vite.config.ts 中添加配置:
|
|
29
|
-
|
|
30
|
-
```javascript
|
|
31
|
-
resolve: {
|
|
32
|
-
alias: {
|
|
33
|
-
'jb-mobile-ui': '/node_modules/jb-mobile-ui'
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
在 main.ts 中引入 css:
|
|
39
|
-
|
|
40
|
-
```javascript
|
|
41
|
-
import 'jb-mobile-ui/dist/index.css'
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
如果需要更换主题色，则需要在引入 jb-mobile-ui/dist/index.css 后通过 css 变量 --theme-color 进行修改:
|
|
45
|
-
|
|
46
|
-
```css
|
|
47
|
-
:root {
|
|
48
|
-
--theme-color: #7B52FE;
|
|
49
|
-
}
|
|
50
|
-
```
|
|
51
|
-
|
|
52
|
-
按需引入组件:
|
|
53
|
-
|
|
54
|
-
```javascript
|
|
55
|
-
import { JbMobileButton } from 'jb-mobile-ui'
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
## Links
|
|
59
|
-
|
|
60
|
-
- [Documentation]()
|
|
61
|
-
- [Changelog](https://jinbicloud.coding.net/p/P8/d/jb-mobile-ui/git/tree/main/CHANGELOG.md)
|
|
1
|
+
<h1 align="center">Jb Mobile Ui</h1>
|
|
2
|
+
|
|
3
|
+
<p align="center">A public Vue UI library for JinBiWuYe mobile web apps(Vue 3).</p>
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
Using `npm` to install:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm i jb-mobile-ui
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Using `yarn`, `pnpm`, or `bun`:
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
# with yarn
|
|
17
|
+
yarn add jb-mobile-ui
|
|
18
|
+
|
|
19
|
+
# with pnpm
|
|
20
|
+
pnpm add jb-mobile-ui
|
|
21
|
+
|
|
22
|
+
# with Bun
|
|
23
|
+
bun add jb-mobile-ui
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## Usage
|
|
27
|
+
|
|
28
|
+
在 vite.config.ts 中添加配置:
|
|
29
|
+
|
|
30
|
+
```javascript
|
|
31
|
+
resolve: {
|
|
32
|
+
alias: {
|
|
33
|
+
'jb-mobile-ui': '/node_modules/jb-mobile-ui'
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
在 main.ts 中引入 css:
|
|
39
|
+
|
|
40
|
+
```javascript
|
|
41
|
+
import 'jb-mobile-ui/dist/index.css'
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
如果需要更换主题色，则需要在引入 jb-mobile-ui/dist/index.css 后通过 css 变量 --theme-color 进行修改:
|
|
45
|
+
|
|
46
|
+
```css
|
|
47
|
+
:root {
|
|
48
|
+
--theme-color: #7B52FE;
|
|
49
|
+
}
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
按需引入组件:
|
|
53
|
+
|
|
54
|
+
```javascript
|
|
55
|
+
import { JbMobileButton } from 'jb-mobile-ui'
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
## Links
|
|
59
|
+
|
|
60
|
+
- [Documentation]()
|
|
61
|
+
- [Changelog](https://jinbicloud.coding.net/p/P8/d/jb-mobile-ui/git/tree/main/CHANGELOG.md)
|