-
Notifications
You must be signed in to change notification settings - Fork 115
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
0ad3df9
commit 7e96922
Showing
6 changed files
with
47 additions
and
51 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,11 +2,8 @@ | |
|
||
大屏自适应容器组件,可用于大屏项目开发,实现屏幕自适应,可根据宽度自适应,高度自适应,和宽高等比例自适应,全屏自适应(会存在拉伸问题) | ||
|
||
> 注:vue2 请使用 1.x 版本,vue3 请使用 2.0 以上以上版本 | ||
> 在 2.2.0 以上的版本中,我们同时支持 Vue>=v3或 Vue >=2.7,如果你的项目是vue2.6版本以下,那么使用1.x版本 | ||
- 版本变更 | ||
|
||
> 已修复 vue2.7 不兼容功能,现阶段 [email protected] 支持 vue2.6.x 和 vue2.7.x 所有版本,vue3 请使用 [email protected] 版本 | ||
|
||
- 仓库地址:[github](https://github.com/Alfred-Skyblue/v-scale-screen) | ||
- 国内地址:[gitee](https://gitee.com/yuan_fangY/v-scale-screen) | ||
|
@@ -23,9 +20,8 @@ npm install v-scale-screen | |
yarn add v-scale-screen | ||
``` | ||
|
||
> 注:vue2 请使用 1.x 版本、vue2 请使用 1.x 版本、vue2 请使用 1.x 版本,重要的事情说三遍 | ||
|
||
#### vue2 | ||
#### vue2.6 版本 | ||
|
||
在 vue2 中我们使用插件方式导出,故而需要 Vue.use() 进行注册 | ||
|
||
|
@@ -51,11 +47,8 @@ Vue.use(VScaleScreen) | |
</template> | ||
``` | ||
|
||
> 注:使用时请将 `body` 样式设置为 `overflow: hidden;` | ||
> 注:使用时请将 `body` 样式设置为 `overflow: hidden;` | ||
> 注:使用时请将 `body` 样式设置为 `overflow: hidden;` | ||
|
||
#### Vue3 | ||
#### Vue3 or Vue2.7 版本 | ||
|
||
// body 默认样式 overflow: hidden; | ||
我们在 vue3 中以组件方式导出 | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,7 @@ | ||
{ | ||
"name": "v-scale-screen", | ||
"private": false, | ||
"version": "2.1.0", | ||
"version": "2.2.0", | ||
"author": { | ||
"name": "ypt", | ||
"email": "[email protected]" | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,3 @@ | ||
import VScaleScreen from './VScaleScreen.vue' | ||
import VScaleScreen from './component' | ||
|
||
export default VScaleScreen |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters