分类：rem

2021
09-24

vue+rem自定义轮播图效果

使用vue+rem自定义轮播图的实现，供大家参考，具体内容如下单位使用rem进行页面布局，在动态计算轮播图整体宽度时，需要把px转换成rem，挺麻烦的。效果如下：如果当前图片不是第一张和最后一张，刚好可以看到当前图片上一张和下一张的一部分。具体代码如下<template><divclass="constructionUp"><divclass="pub-hd"><h2>施工升级包</h2><h3>额外服务项目</h3></div><divid... 继续阅读 >

2020
11-11

vue项目中使用rem,在入口文件添加内容操作

在使用vue-cli搭建好项目框架后,在目录结构的index.html文件中添加一段js代码:<script>window.onload=function(){varsetRem=function(){//UI设计稿的宽度varuiWidth=1200;//移动端屏幕宽度varwinWidth=document.documentElement.clientWidth;//比率varrate=winWidth/uiWidth;//设置html元素的字体大小document.documentElement.style.fontSize=rate*20+"px"... 继续阅读 >