uni-app 全局背景色设置

最新推荐文章于 2024-04-22 09:19:44 发布
最新推荐文章于 2024-04-22 09:19:44 发布
阅读量2k 收藏 4
点赞数
分类专栏： uni-app 文章标签： 前端 html uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46268913/article/details/116228526
版权

空白部分为灰色，想要设置为白色，

直接上代码

没有的话新建文件

/* 设置全局背景色 */

page {

    background-color: #fff;

}

在App.vue中引用

/* 自定义全局css样式 */
	@import "common/globalClass.css";

 

刷新查看效果

变为白色

 

43915704
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app 富文本编辑 回显富文本和修改富文本！
11-21
uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富...
uni-app 的30分钟倒计时
06-20
uni-app 的30分钟倒计时
Uniapp设置页面的背景图片
热门推荐
Puzhi的专栏
05-23 8万+
可以通过设置view的background或者background-image属性来实现： <template> <view class="content" :style="{background: 'url('+imageURL+')'}"> <!-- 如果是设置background-image则写成：<view class="content" :styl...
uniapp 设置页面背景图片
mashangzhifu的博客
10-22 1993
uniapp设置页面背景图片
uniapp 设置页面背景色
最新发布
fakuangjingling的博客
04-22 1448
【代码】uniapp 设置页面背景色。
uni-app设置页面全局背景色
qq_39224105的博客
12-22 2933
** uni-app 设置页面全局背景色 ** page{ background: #000000; } 看下编译器是如何介绍这个 page 的。 编写代码的会有提示，大家可以留意下。
----uni-app之背景图片----
weixin_34107739的博客
06-18 4405
转载于:https://www.cnblogs.com/zjy850984598/p/11047057.html
uni-app 设置页面背景颜色（App为啥不改变）
pipizhou16的博客
03-17 4004
uni-app 设置页面背景颜色 今天用手机模拟器调试APP的时候，发现页面的背景色一直为白色,但是浏览器上却显示是#FAFAFA。 因为app的背景色不可以在pages.json中设置,所以只能在页面中设置了 最重要的是page【当前页面】要设置背景颜色，那么style样式必须是全局的，不能添加scoped,否则无效！ //单独再设置个style <style> page { background-color: #FAFAFA; } </style> <st
uni-app uni-data-picker 省市区数据表
06-16
<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据
uni-app开发介绍PPT
08-12
"uni-app开发介绍" uni-app是一款使用Vue.js开发所有前端应用的框架，开发者可以编写一套代码，并将其发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快...
uni-app网易云音乐实战
10-22
uni-app网易云音乐实战 uni-app是基于Vue.js的跨平台框架，可以快速开发跨平台应用程序。该框架提供了丰富的组件库和插件，可以满足大多数开发需求。在本文中，我们将使用uni-app框架来开发一个网易云音乐应用程序...
uniapp 设置全局样式统一每个页面的背景颜色
树上骑个猴的博客
03-10 4484
1.设置全局样式可以在App.vue里面 2.在每个页面的根view 里添加一个class名叫page
uniapp的nvue背景图
zongxingfengyun的博客
09-24 2828
在nvue中的background不支持url这一个属性 只能是使用image来充当一个背景图 可以使用absolute定位来实现背景图的效果 <image style="position: absolute; left: 0; top: 0; right: 0; bottom: 0;" src="/static/image/logo.png"></image> ...
uniapp--动态背景特效1
会烘焙的工程师的博客
03-28 1999
<template> <view class="page-content"> <!-- js生成原生canvas --> <view class="loading" v-if="is_loading"> <view class="spinner"> <view class="rect1"></view> <view class="rect2"></view> &
uniapp小程序，css 实现底层图片加灰色蒙版，顶层按钮保持高亮效果
weixin_43848571的博客
05-19 2895
实现效果如下图： 代码实现： <view class="wait-box"> <image :src="imgSrc" class="wait-img"></image> <view class="wait-btn">敬请期待</view> </view> .wait-box { box-sizing: border-box; width: 343rpx * 2; height:
【uniapp】如何设置单个页面背景颜色
ONLYSRY的博客
07-27 4106
代码】uniapp中如何设置单个页面背景颜色。
uni-app中背景图片的设置
qq_49171551的博客
02-07 5282
第二个：垂直位置，如果给具体的px值代表距离上边多少。background-size:contain:没有变形，完全显示了，表示图片一定被盒子包着，缩放后图片两边都要缩到盒子里才会停止缩放，都是按比例缩放，不会变形。background-size: cover:有一部分没有显示被覆盖的意思，表示图片一定要覆盖盒子，缩放后图片只要一边缩放到盒子内就停止缩放。(2)no-repeat/repeat:是否平铺（repeat:水平垂直都平铺，默认。总结：（2）（3） （4） （5）都是跟在图片路劲后面。
uniapp 中设置全局页面背景色
YZRHANYU的博客
11-01 5994
uniapp 中设置全局页面背景色
uniapp扩展组件下拉框uni-data-select怎么改变样式
09-10
### 回答1： 可以使用以下方法来改变 uni-data-select 组件的样式： ...如果想要修改全局的样式，可以在App.vue文件中添加相应的全局样式，或者通过封装一个uni-data-select的子组件，来自定义uni-data-select的样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值