web3-vue-demo

web3-vue-demo

A Vue.js 3 UI library

• 🔭 Vite
• 💪 Vue3
• 🔥 TypeScript

快速开始

安装

node：>=16.0.0

npm

这里推荐pnpm进行安装

pnpm install web3-vue-demo --save

cdn

unpkg

资源浏览

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

jsdelivr

资源浏览

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

使用

全局引入

在main.js中

import { createApp } from 'vue';
import App from './App.vue';
// 完整引入组件库
import WeDesign from 'web3-vue-demo';

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

组件当中

<WeButton :loading="true">按钮组件</WeButton>

按需引入

main.js中

import { createApp } from 'vue';
import App from './App.vue';
// 按需引入
import { Button } from 'web3-vue-demo';

const app = createApp(App);

app.use(Button).mount('#app');

组件当中

<WeButton :loading="true">按钮组件</WeButton>

版本记录

版本记录

有问题欢迎issue...