UNPKG

responsive-height-js

Version:

大屏响应式方案插件

46 lines (34 loc) 962 B
# responsive-height #### 介绍 适用大屏项目的响应式方案 #### 安装教程 ``` npm i responsive-height-js -S ``` #### 使用说明 ``` <script setup> import { onMounted, onUnmounted } from "vue"; import {useResize,setSizeRem} from 'responsive-height-js' // 默认是在1080px高度的设计搞,默认1rem=16px,也可以修改成你需要的尺寸:const {Start,Stop}=useResize(1080,16); const {Start,Stop}=useResize(); onMounted(()=>{ Start(); }) onUnmounted(()=>{ Stop(); } ) /** * 根据浏览器放大或者缩小,返回相应的数值不带单位 * @param {Number,Number} 第一个参数:你需要改变的尺寸;第二个参数:当前设计稿的高度,默认值是1080px(可不写) * retturn {Number} */ let fontSize=setSizeRem(16) </script> ``` #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request