Vue对单独的页面的body样式设置

由于需要对登录界面的body样式进行设置

在首页直接设置body{}实现不了

需要像这样设置：

export default {beforeCreate: function() {document.getElementsByTagName('body')[0].className = 'body-bg'}
}

<style lang="scss">
.body-bg {background-attachment: fixed;overflow: hidden;
}
</style>

参考：http://t.zoukankan.com/alantao-p-9482584.html

Vue对单独的页面的body样式设置相关推荐

Vue是如何渲染页面的，渲染过程以及原理代码
Vue是如何渲染页面的,渲染过程以及原理代码:https://www.cnblogs.com/ypinchina/p/7238402.html 转载于:https://www.cnblogs.com/ ...
下载页面的css样式文件引用的背景图片
在加载网页的时候,一般会缓存该网页使用的图片资源. 我们在页面的Sources目录下是能够找网所使用的样式和图片等资源. 那么如何下载某网站中我们需要的图片? 使用360浏览器,使用F12功能,选中网 ...
vue 返回上一页，页面样式错乱
vue项目返回上一页有时候会出现,页面样式错乱,就是页面之间的样式干扰了,虽然vue 是单页面开发,但是并不是说写在哪个页面上就是哪个页面的样式解决方法已知有如下两种给最外层页面添加独立的div ...
Vue+Echarts制作单页面的XMR矿池监控台
练手用的,数据源是从矿池官网拿的json,页面源代码存个档 <!DOCTYPE html> <html lang="en"><head>< ...
html页面的css样式、meta最常用的最基本最常规的配置参数
图片 img{width:100%;vertical-align: middle;} 表格 table {border-collapse: collapse;border-spacing: 0;}ta ...
vue 设置每个页面的title
vue 设置每个页面的title 由于vue文件中只有一个Index.html 文件 title 显示需要通过document.title来设置 1.router---index.js文件中添加met ...
动态改变vue项目页面的title
其实也没啥,就是一句代码的事,只不过看在哪里执行而已.这句代码是: document.title = "新题目"; 一.动态改变vue项目页面的title vue只是一个前端框架, ...
【Vue+Element UI】关闭指定某一个页面的loading动画
[Vue+Element UI]关闭指定某一个页面的loading动画模板:vue-admin-template v4.4.0 问题描述:由于vue-admin默认配置了全局loading,所以页面 ...
Vue CLI 3 多页应用项目的搭建
在项目初期时,从零开始搭建和配置本地前端开发环境是一项很繁琐的工作,需要考虑到项目目录结构.项目基本配置.Webpack 配置等等.通过 Vue CLI 3 可以快速的生成一个项目,这样我们就可以专注 ...

Vue对单独的页面的body样式设置

Vue对单独的页面的body样式设置相关推荐

最新文章

热门文章