# b-s-adaption
**Repository Path**: yangtaowei/b-s-adaption
## Basic Information
- **Project Name**: b-s-adaption
- **Description**: b-s-adaption 是一个开源的大屏显示插件。支持原生Dom,vue2(mixins),vue3(hooks)
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 1
- **Forks**: 1
- **Created**: 2022-09-01
- **Last Updated**: 2023-08-14
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
自适应大屏插件
## 简介
b-s-adaption 是一个开源的大屏显示插件。支持原生Dom,vue2(mixins),vue3(hooks)
## 特性
**无需繁琐设置大屏内容 无需考虑比率 直接引入插件即可**
## 无需繁琐设置大屏内容
按需使用,引入后插件会自动计算比率 使用css缩放方式完成,类似于echarts等的可视化数据再也不需要看官方api适应各种屏幕了
## 无需考虑比率
仅仅需要传入设计图纸宽高,插件会自动计算
## 直接引入插件即可
使用npm 安装后 只需引入后传入DOM即可 没有任何繁琐操作
`vue2` 使用 {useDrawToVue2} from '@yangtaowei/b-s-adaption'
`vue3` 使用 {useDrawToVue3} from '@yangtaowei/b-s-adaption'
支持esm 和 commonjs
分别在/dist/下
## 安装使用
- 安装依赖
```bash
npm i @yangtaowei/b-s-adaption --save
```
- 页面内引用
`vue2,挂载mixins,传入vueRefName即可`
```
...
```
`vue3,使用hooks,传入组件Ref即可`
```
```
`html普通Dom,传入元素id即可`
```
...
```
## 浏览器支持
本地开发推荐使用`Chrome 80+` 浏览器
支持现代浏览器, 支持 IE
---------------------------