https://github.com/null-object-0000/salt-ui-vue
A Vue.js 3 UI Library based on SaltUI
https://github.com/null-object-0000/salt-ui-vue
salt-ui ui-components vue3
Last synced: 9 months ago
JSON representation
A Vue.js 3 UI Library based on SaltUI
- Host: GitHub
- URL: https://github.com/null-object-0000/salt-ui-vue
- Owner: null-object-0000
- License: mit
- Created: 2024-02-13T03:58:50.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-21T15:49:40.000Z (almost 2 years ago)
- Last Synced: 2025-03-06T18:41:31.984Z (10 months ago)
- Topics: salt-ui, ui-components, vue3
- Language: Vue
- Homepage: https://null-object-0000.github.io/salt-ui-vue/
- Size: 221 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @snewbie/salt-ui-vue
一个 [Salt UI](https://github.com/Moriafly/SaltUI) 风格的移动端 Vue 3 组件库。
# 安装
在现有项目中使用 Salt UI 时，可以通过 npm 进行安装：
``` bash
# Vue 3 项目，安装最新版 Salt UI
npm i @snewbie/salt-ui-vue
```
当然，你也可以通过 yarn 或 pnpm 或 bun 进行安装：
``` bash
# 通过 yarn 安装
yarn add @snewbie/salt-ui-vue
# 通过 pnpm 安装
pnpm add @snewbie/salt-ui-vue
# 通过 bun 安装
bun add @snewbie/salt-ui-vue
```
## 快速上手
```js
import { createApp } from 'vue';
// 1. 引入你需要的组件
import { SaltTextButton } from '@snewbie/salt-ui-vue';
// 2. 引入组件样式
import '@snewbie/salt-ui-vue/style.css';
import '@snewbie/salt-ui-vue/theme/variables.css';
const app = createApp();
// 3. 注册你需要的组件
app.use(SaltTextButton);
```
# 手机预览
可以手机扫码以下二维码访问手机端 demo：
