vue单页面背景颜色设置

有时我们会遇到单独改变某个组件的背景填充色，而我们已经在index.html中引入了公用的css样式（body中设置了背景色），由于单个组件没有body标签，于是要修改单个组件的背景色只需添加如下代码即可。

关注我的微信公众号【前端基础教程从0开始】，加我微信，可以免费为您解答问题。回复“1”，拉你进程序员技术讨论群。回复“小程序”，领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”，领取300G前端，Java，微信小程序，Python等资源，让我们一起学前端。
beforeCreate () {
document.querySelector(‘body’).setAttribute(‘style’, ‘margin: 0 auto; width: 100%; max-width: 750px;min-width: 300px; background:#171b2a; overflow-x: hidden;height: 100%;’);
}

vue单页面背景颜色设置相关推荐

vue单页面背景颜色修改
最近在做项目中,使用vue开发移动端项目,遇到一个小问题,路由跳转同时修改当前页面的背景色. 下面简单说一下vue单页面应用,由于vue的单页面应用导致我们的项目只有一个index.html文件,然而 ...
vue 单页面背景图片设置
html 部分,background 是放背景图片的div,front是放其他的div <div class="background"><img :src=&qu ...
Vue:单页面应用动态设置title
vue开发的单页面应用,需要在进入不同路由时动态改变title vue-cli 3 构建的项目 1.修改public>index.html 修改title标签id为:public_title,后 ...
微信小程序设置页面背景颜色backgroundColor 无效的问题！
(1)原因: 当我们在微信小程序 json 中设置 backgroundColor 时,实际在电脑的模拟器中根本看不到效果. (2)分析: 这是因为 backgroundColor 指的窗体背景颜色, ...
html怎么设置页面半透明,css怎么将背景颜色设置成半透明
css怎么将背景颜色设置成半透明发布时间:2020-06-24 13:17:07 来源:亿速云阅读:540 作者:Leah 这篇文章运用简单易懂的例子给大家介绍css怎么将背景颜色设置成半透明,代 ...
python 怎么设置背景为白色_pycharm怎么将背景颜色设置成白色？
方法:1.在pycharm中,点击顶部的"文件"选项:2.点击"设置"按钮,进入设置页面:3.点击"编辑器"选项,再点击"颜色&a ...
php vue seo,处理 Vue 单页面 SEO 的另一种思路
(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩.三大框架 Angular.Vue.Rea ...
Vue 单页面应用把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办???(比如登陆页面)
<div class="all" v-if="$route.path!=='/login'" > Vue 单页面应用把公共组件放在 app.v ...
保护眼睛的颜色和各种背景颜色设置方法
保护眼睛的颜色现代人几乎每天都离不开电脑.在工作.娱乐.交友.购物,甚至在买卖股票的过程中,电脑都是我们的好帮手.但是,电脑的辐射多对眼睛的伤害很大,而许多应用软件的背景,尤其是网页的底色通常被设定 ...

vue单页面背景颜色设置

vue单页面背景颜色设置相关推荐

最新文章

热门文章