您的位置:首页 > 产品设计 > UI/UE

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;
}
效果图如下:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: