Unable to verify the project's public source code repository.

v-bigscreen

v1.0.1

大屏自适应容器组件，可用于大屏项目开发，实现屏幕自适应，可根据宽度自适应，高度自适应，和宽高等比例自适应，全屏自适应（会存在拉伸问题） For more information about how to use this package see README

Latest version published 1 year ago

License: MIT

NPM

Package Health Score

43 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
community
Limited

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
1.0.1	\|	02/2023	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (0)

GitHub Stars: ?
Forks: ?
Contributors: -

Direct Usage Popularity

The npm package v-bigscreen receives a total of 0 downloads a week. As such, we scored v-bigscreen popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package v-bigscreen, we found that it has been starred ? times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 0
Funding: No

This project has seen only 10 or less contributors.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Unavailable commit data

Open Issues: ?
Open PR: ?
Last Release: 1 year ago
Last Commit: unknown

Further analysis of the maintenance status of v-bigscreen based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for v-bigscreen is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 1 year
Dependencies: 1 Direct
Versions: 3
Install Size: 23 kB
Dist-tags: 1
# of Files: 12
Maintainers: 1
TS Typings: No

v-bigscreen has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

v-scale-screen

大屏自适应容器组件，可用于大屏项目开发，实现屏幕自适应，可根据宽度自适应，高度自适应，和宽高等比例自适应，全屏自适应（会存在拉伸问题）

图例

安装

npm install v-scale-screen
# or 
yarn add v-scale-screen

> 注：vue2请使用1.x版本、vue2请使用1.x版本、vue2请使用1.x版本，重要的事情说三遍

vue2

在vue2中我们使用插件方式导出，故而需要 Vue.use() 进行注册

// main.js
import Vue from "vue";
import VScaleScreen from 'v-scale-screen'

Vue.use(VScaleScreen)

<template>
  
    <div>
      ....
      ....
      ....
      ....
      ....
    </div>
  
</template>

> 注：使用时请将 body 样式设置为 overflow: hidden; > 注：使用时请将 body 样式设置为 overflow: hidden; > 注：使用时请将 body 样式设置为 overflow: hidden;

Vue3

我们在vue3中以组件方式导出

<template>
  
    <div>
      ....
      ....
      ....
      ....
      ....
    </div>
  
</template>

> 注：使用时请将 body 样式设置为 overflow: hidden; > 注：使用时请将 body 样式设置为 overflow: hidden; > 注：使用时请将 body 样式设置为 overflow: hidden;

API

属性	说明	类型	默认值
width	大屏宽度	`Number` or `String`	1920
height	大屏高度	`Number` or `String`	1080
autoScale	自适应配置，配置为boolean类型时，为启动或者关闭自适应，配置为对象时，若x为true，x轴产生边距，y为true时，y轴产生边距，启用fullScreen时此配置失效	Boolean or {x:boolean,y:boolean}	true
delay	窗口变化防抖延迟时间	Number	500
fullScreen	全屏自适应，启用此配置项时会存在拉伸效果，同时autoScale失效，非必要情况下不建议开启	Boolean	false
boxStyle	修改容器样式，如居中展示时侧边背景色，符合Vue双向绑定style标准格式	Object	null
wrapperStyle	修改自适应区域样式，符合Vue双向绑定style标准格式	Object	null

v-bigscreen dependencies

vue

v-bigscreen development dependencies

@types/node @vitejs/plugin-vue prettier typescript vite vite-plugin-dts vue-tsc

FAQs

What is v-bigscreen?

大屏自适应容器组件，可用于大屏项目开发，实现屏幕自适应，可根据宽度自适应，高度自适应，和宽高等比例自适应，全屏自适应（会存在拉伸问题）. Visit Snyk Advisor to see a full health score report for v-bigscreen, including popularity, security, maintenance & community analysis.

Is v-bigscreen popular?

We’re still processing downloads data for the npm package v-bigscreen. Visit the popularity section on Snyk Advisor to see the full popularity analysis.

Is v-bigscreen safe to use?

The npm package v-bigscreen was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 1 July-2024, at 13:44 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP