👋
Welcome to big-screen-box
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',