安装

yarn

yarn add vue-dlc-ui --save

npm

npm i vue-dlc-ui --save

cdn

unpkg

<link
    rel="stylesheet"
    href="//unpkg.com/vue-dlc-ui/lib/style.css"
/>
<script src="//unpkg.com/vue-dlc-ui"></script>

jsdelivr

<link
    rel="stylesheet"
    href="//cdn.jsdelivr.net/npm/vue-dlc-ui/lib/style.css"
/>
<script src="//cdn.jsdelivr.net/npm/vue-dlc-ui"></script>

使用

全局引入

在main.js中

import { createApp } from 'vue';
import App from './App.vue';
// 完整引入组件库
import Vuedlcui from 'vue-dlc-ui';

const app = createApp(App);
// 全局安装
app.use(Vuedlcui).mount('#app');

组件当中

<dlc-button :loading="true">按钮组件</dlc-button>

按需引入

组件当中

<script setup>
import { DlcButton } from 'vue-dlc-ui';
</script>

<template>
  <div>
   <dlc-button>按钮组件</dlc-button>
  </div>
</template>

<style scoped>
</style>