如何使用炫酷的图标

Posted 2021-11-22 fengshaopu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何使用炫酷的图标相关的知识，希望对你有一定的参考价值。

1.下载插件

npm install @jiaminghi/data-view

2.全局导入

// 将自动注册所有组件为全局组件
import dataV from '@jiaminghi/data-view'

Vue.use(dataV)

3.就可以使用大屏数据展示页面即数据可视化

地址：介绍 | DataV

4.就简单写一个使用方法

<template>
  <div>
    <dv-percent-pond :config="config1" style="width:200px;height:100px;" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      config1: {
        value: 66
      },
     } 
   }
  };
</script>

5.效果图

以上是关于如何使用炫酷的图标的主要内容，如果未能解决你的问题，请参考以下文章