# qt-vue-tools

**Repository Path**: partiny/qt-vue-tools

## Basic Information

- **Project Name**: qt-vue-tools
- **Description**: directives & components & tools for vue
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-04-22
- **Last Updated**: 2024-04-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 安装

```bash
# npm 安装
npm install i qt-vue-tools

# pnpm 安装
pnpm install i qt-vue-tools
```

### 使用指令

#### 滚动条美化：

```typescript
// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import { scrollbar } from 'qt-vue-tools'

const app = createApp(App)

// 指令注册，方式一：
app.directive('scrollbar', scrollbar)
// 指令注册，方式二：
// scrollbar.install(app)
```

```typescript
// demo.vue
// 注意：v-scrollbar 所在的元素一定要有以下 position 属性之一：relative、absolute、fixed、sticky
<div v-scrollbar>
  // ...
</div>
```