# OteUI

**Repository Path**: handless-ui/OteUI

## Basic Information

- **Project Name**: OteUI
- **Description**: 一个基于 Vue 3开发的跨端组件库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-17
- **Last Updated**: 2025-06-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [OteUI](https://github.com/handless-ui/OteUI)
一个基于 Vue 3开发的跨端组件库

<p>
    <a href="https://zxl20070701.github.io/toolbox/#/npm-download?packages=oteui&interval=7">
        <img src="https://img.shields.io/npm/dm/oteui.svg" alt="downloads">
    </a>
    <a href="https://www.npmjs.com/package/oteui">
        <img src="https://img.shields.io/npm/v/oteui.svg" alt="Version">
    </a>
    <a href="https://github.com/handless-ui/OteUI" target='_blank'>
        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/handless-ui/OteUI?style=social">
    </a>
</p>

<img src="https://nodei.co/npm/oteui.png?downloads=true&amp;downloadRank=true&amp;stars=true" alt="NPM">

## 如何使用？

```
npm install --save oteui
```

### 全局引入

```js
import OteUI from "oteui"

app.use(OteUI)
```

### 单独引入

```html
<script setup lang="ts">
import { OteSwitch } from "oteui"
</script>
```

或

```html
<script setup lang="ts">
import { OteSwitch } from "oteui/src/components/Switch"
</script>
```

最后，还需要引入样式文件：

```js
import "oteui/dist/index.css"
```

下面是具体的组件清单：

- [单选 RadioGroup、Radio](./docs/Radio.md)
- [多选 CheckGroup、Check](./docs/Check.md)
- [开关 Switch](./docs/Switch.md)

## 版权

MIT License

Copyright (c) [zxl20070701](https://zxl20070701.github.io/notebook/home.html) 走一步，再走一步