big-screen-box v1.3.1

Introduce 介绍

基于vue3.2的大屏可视化开发组件 BigScreenBox

Installation 安装

• using npm

npm install big-screen-box --save

• using yarn

yarn add big-screen-box --save

Quickstart 起步

html

<template>
  <big-screen-box
    :src="require('../assets/logo.png')" 
    mode="bg" 
  >
  </big-screen-box>
</template>

• 全局使用 main.js

  import { createApp } from 'vue'
  import App from './App.vue'
  import BigScreenBox from 'big-screen-box';
  const app = createApp(App)
  app.use(BigScreenBox);
  app.mount('#app');

• 动态化配置

  // 背景或者图片的地址
  src: "require('../assets/logo.png')",
  // 模式，默认值'bg'
  // 'bg': 背景
  // 'img': 图片
  mode: 'bg',