08 2022 档案

vue使用rem (手机端PC端通用)
摘要：只有PC端时 main.js new Vue({ router, store, render: h => h(App), created(){ // 实例创建完成后被立即调用rem换算方法,解决内容闪现问题 setRemPc(); window.addEventListener('resize', 阅读全文
posted @ 2022-08-25 10:26 性野喜悲 阅读(381) 评论(0) 推荐(0)
vue 背景图片铺满整个屏幕（适配所有机型）
摘要：固定一屏大小,内容超出一屏会显示不全,不可滚动查看内容 html: <div id="home"></div> css: <style> #home { width: 100%; height: 100vh; background: url("~@/images/home/h_bg.png") ce 阅读全文
posted @ 2022-08-23 10:53 性野喜悲 阅读(1447) 评论(0) 推荐(0)
nuxt.js切换路由滚动至页面顶部
摘要：自己新建的vue-inject.js // 自定义滚动到顶部 Vue.prototype.customScrollTop = () => { const layout = document.getElementById("__layout"); layout.scrollTo({ top: 0, b 阅读全文
posted @ 2022-08-19 10:26 性野喜悲 阅读(172) 评论(0) 推荐(0)