大屏展示技术栈：vue2+echarts+dataV

1.大屏搭建使用的是dataV组件http://datav.jiaminghi.com/guide，使用dataV组件有如下注意点：

a.修改配置项config中data的值，需要重新赋值config

b.修改dataV某些内置样式，他有个固定的类

2.登录界面动态背景，使用的是vanta.js Vanta.js - Animated 3D Backgrounds For Your Website (vantajs.com)和three.js Three.js – JavaScript 3D Library (threejs.org)

1.安装three.js
npm i three

2.安装vanta.js
npm i vanta

3.页面使用
<template>
  <div ref='vantaRef'>
    Foreground content here
  </div>
</template>
 
<script>
import * as THREE from 'three'
import BIRDS from 'vanta/src/vanta.birds'//BIRDS是vanta中自己所选择的样式
export default {
  mounted() {
    this.vantaEffect = BIRDS({
      el: this.$refs.vantaRef,
      THREE: THREE
    })
  },
  beforeDestroy() {
    if (this.vantaEffect) {
      this.vantaEffect.destroy()
    }
  }
}
</script>

　vanta.js自定义颜色

 3.使用screefull实现全屏展示，遇到的问题可以参考如何使用screenfull实现全屏注意点_screenfull全屏-CSDN博客

 4.echarts的基本配置项详解https://blog.csdn.net/yoyoyo8888/article/details/126838304

柱状图实现左右滑动

 柱状图显示值

 5.echarts图表动态渲染，需要再watch里面监听值得变化并调用，否则动态传值没效果

 6.选择字体样式https://blog.csdn.net/weixin_45581505/article/details/125413756，文中字体在线转化那个网址好像不怎么生效，这是我找的另外一个免费转化的网址https://transfonter.org/

 7.实现数字滚动效果vue-count-to

 8.待解决的问题：如何适配移动端，使用v-if/v-show显示隐藏echarts图表显示问题