Skip to content
On this page

安装

环境支持

@huyuchen/visual 支持 vue3

版本

@huyuchen/visual目前还处于快速开发当中

用法

yarn add

yarn add @huyuchen/visual

完整引入

如果你对打包后的文件大小不是很在乎,那么使用完整导入会更方便。

main.js

// main.js
import { createApp } from 'vue'
import HuUi from '@huyuchen/visual'
import '@huyuchen/visual/dist/es/style.css'
import App from './App.vue'

const app = createApp(App)

app.use(HuUi)
app.mount('#app')

手动导入

App.vue

<template>
<HuBubble :data="data" style="background-color: black; height: 30vh" />
</template>
<script setup>
  import { HuBubble } from '@huyuchen/visual'
  import { ref } from 'vue'
  const data = ref([
    { label: '跑路', value: 1 },
    { label: '跑路1', value: 3 },
    { label: '跑路2', value: 55 },
    { label: '跑路3', value: 22 },
    { label: '跑路4', value: 44 },
    { label: '跑路5', value: 66 },
    { label: '跑路6', value: 11 },
  ])
</script>

Released under the MIT License.