VUE2.0学习笔记(三):如何设置当前页面的背景色
2018-02-26 16:37
447 查看
代码如下:
<template>
<div>
//div里面的代码省略了.div代表下图中灰色的容器
<div>
</template>
<style scoped>
div{
width: 100%;
height: 100%;
background-color: #f5f5f5;
}
</scoped>
出来的效果如下,但我需要的是把整个页面的背景色改为灰色。
方法是:
给div的增加一条样式(红色部分)就可以了~
div{
width: 100%;
height: 100%;
background-color: #f5f5f5;
position: fixed;
}
效果图如下:
<template>
<div>
//div里面的代码省略了.div代表下图中灰色的容器
<div>
</template>
<style scoped>
div{
width: 100%;
height: 100%;
background-color: #f5f5f5;
}
</scoped>
出来的效果如下,但我需要的是把整个页面的背景色改为灰色。
方法是:
给div的增加一条样式(红色部分)就可以了~
div{
width: 100%;
height: 100%;
background-color: #f5f5f5;
position: fixed;
}
效果图如下:
相关文章推荐
- Vue-cli中为单独页面设置背景色的实现方法
- Vue-cli 中为单独页面设置背景色的方法
- vue项目如何刷新当前页面的方法
- vue项目如何刷新当前页面
- 如何设置Delphi编辑器当前一行的背景色
- vue 如何添加全局函数或全局变量以及单页面的title设置总结
- vue 如何添加全局函数或全局变量以及单页面的title设置总结
- 服务器IIS如何设置404页面?
- HTML做的网页 如何使当前页面跳转到另一页面锚点处
- wuzhicms上传弹出层,如何返回数据到当前页面?
- 如何消除“当前安全设置会使计算机有风险”的提示
- javascript如何设置DIV背景色为随机色
- 如何用js得到当前页面的url信息方法(JS获取当前网址信息)
- ASP.Net中如何关闭当前页面
- SharePoint:如何设置某个页面必须由站点集管理员打开
- Vue系列: 如何通过组件的属性props设置样式
- 如何快速定位当前的Activity和Fragment页面?
- 多个域名使用一个微信公众号支付,设置了授权目录,为什么还提示“当前页面的URL未注册”
- 按钮只能一次提交:ajax页面中调用ascx控件,如何设置ascx中按钮为false
- jQuery如何实现点击页面获得当前点击元素的id或其他信息