# Alfred-Skyblue/v-scale-screen

Vue large screen adaptive component vue大屏自适应组件

Repository: https://github.com/Alfred-Skyblue/v-scale-screen
Canonical: https://ross.abutalabs.com/products/v-scale-screen
Language: TypeScript
License: MIT
License Family: permissive
Topics: vue, echarts, screen, vue3, typescript, css3, scale
Last push: 2024-11-12T12:50:17+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 1633, "days_push": 659, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1287, forks 125 (observed 2026-08-28T04:04:14.993531+00:00)

## What it is
A Vue component (supporting Vue 3 and Vue 2.7+, with a v1 line for Vue 2.6) that wraps page content in a scaling container so interfaces designed at a fixed resolution, such as 1920x1080 large-screen dashboards, adapt to any display. It supports adaptation by width, height, width-and-height ratio, and full-screen scaling, and is commonly paired with ECharts for data-wall dashboards.

## Use cases
- make a 1920x1080 vue dashboard scale to fit any screen
- vue large screen adaptive component for data visualization
- fit an echarts big-screen dashboard to different resolutions
- scale a fixed-size design canvas to fullscreen in vue
- keep dashboard aspect ratio across different monitors
- big screen adaptation for vue3 dashboards

## When to choose
- You are building a fixed-resolution large-screen/data-wall dashboard in Vue 2.7+ or Vue 3 and need it to fit varying displays
- You want a drop-in wrapper component instead of hand-rolling CSS transform scaling logic
- Your layout is designed against a fixed canvas (e.g., 1920x1080) with charts like ECharts that must scale as a whole

## When to avoid
- Your project is React rather than Vue (use the author's r-scale-screen instead)
- You are on Vue 2.6 or below without adopting the 1.x version
- You need a generally responsive/fluid website layout rather than fixed-canvas proportional scaling

## Facets
- artifact type: library
- maturity: active
- function: ui-components
- domain: frontend, web-development, data-visualization
- platform: browser
- tags: vue, vue3, vue2, echarts, large-screen, screen-adaptation, responsive-design, scaling, dashboard, css-transform, typescript, chinese

## Member repositories
- Alfred-Skyblue/v-scale-screen (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:14.993531+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:55:50.192624+00:00, confidence not recorded.
  - readme: https://github.com/Alfred-Skyblue/v-scale-screen (fetched 2026-08-28T04:04:14.993531+00:00, sha 4c1a983fd720)
  - registry_npm: https://registry.npmjs.org/v-scale-screen (fetched 2026-08-29T12:12:06.048893+00:00, sha fb939fdf7048)
- Data as of 2026-08-30T08:39:29.467469+00:00.