# da-style

**Repository Path**: xiaozhang35/da-style

## Basic Information

- **Project Name**: da-style
- **Description**: 自定义Vue3组件库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2022-09-11
- **Last Updated**: 2022-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Da式风格组件库

> 使用

```javascript
npm i da-style 或者 yarn add da-style
```

在main.js引入使用

全部引入

```javascript
import { createApp } from 'vue'
import App from './App.vue'
// 引入da-style/lib/index
import daStyle from 'da-style/lib/index'

createApp(App)
// 使用
.use(daStyle)
.mount('#app')
```

按需引入

```javascript
import { createApp } from 'vue'
import App from './App.vue'
// 引入da-style/lib/index
import {DButton} from 'da-style/lib/index'

createApp(App)
// 使用
.use(DButton)
.mount('#app')
```





## 按钮组件

> **DBtn** 通过type的值变换风格:info、err、warn、success

```
<template>
	<d-btn>默认</d-btn>
	<d-btn type="info">info</d-btn>
	<d-btn type="err">err</d-btn>
	<d-btn type="warn">warn</d-btn>
	<d-btn type="success">sussess</d-btn>
</template>
```



> **DButton** 通过type的值变换风格:info、err、warn、success

```javascript
<template>
	<d-button>默认</d-button>
	<d-button type="info">info</d-button>
	<d-button type="err">err</d-button>
	<d-button type="warn">warn</d-button>
	<d-button type="success">sussess</d-button>
</template>
```



## 瀑布流组件

> DFalls需要传入图片数组data

```javascript
<template>
	<d-falls :data="data" />
</template>

<script setup>
const data = [图片数组];
</script>
```



## 输入框组件

等待中...