da-style v0.0.12

Da式风格组件库

使用

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

在main.js引入使用

全部引入

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')

按需引入

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

<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

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

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

输入框组件

等待中...