sisweb/src/main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// ElementUI
import '@tools/elUI'

import axios from "@api/axios"; // API接口访问
Vue.prototype.API = axios;

import base from "@tools/base"; // 公共方法
Vue.prototype.BASE = base;
// import formCheck from "@tools/formCheck"; // 表单的处理
// Vue.prototype.FC = formCheck;
// import echartsTool from "@tools/echartsTool"; // Echarts 工具类
// Vue.prototype.ET = echartsTool;

// 滚动条
import vuescroll from "vuescroll"; 
Vue.use(vuescroll, {
  ops: {
    scrollPanel: {
      easing: "easeInOutQuad",
    },
    rail: {
      //轨道设置
      background: "rgba(255,255,255,0.45)",
      opacity: 0,
      size: "9px",
      specifyBorderRadius: false, // 是否指定轨道的 borderRadius， 如果不那么将会自动设置。
      gutterOfEnds: "0px", // 轨道距 x 和 y 轴两端的距离。
      gutterOfSide: "0px",
      keepShow: false, //是否即使 bar 不存在的情况下也保持显示。
    },
    bar: {
      showDelay: 500, // 在鼠标离开容器后多长时间隐藏滚动条
      onlyShowBarOnScroll: true, // 是否只在滚动时显示
      keepShow: true, // 滚动条是否保持显示
      background: "rgba(0,0,0,0.65)", // 滚动条背景色
      size: "7px",
    },
  }, // 在这里设置全局默认配置
  name: "VueScroll", // 在这里自定义组件名字，默认是vueScroll
});

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')