小程序设置页面背景颜色

首先，我使用的是mpvue开发。样式使用的less，并且全局会定义一套主题。

@primary-color         : #ff8730;
@second-color          : #F48B4A;
@background-color      :#F3F3F3;
@second-text-color     :#787878;.flex-center-row {display: flex;flex-direction: row;justify-content: center;align-items: center;
}.flex-center-column {display: flex;flex-direction: column;justify-content: center;align-items: center;
}

<style lang="less">@import "../../theme/orange.less";page {background-color: @background-color;}
</style>

页面效果如下

小程序设置页面背景颜色相关推荐

微信小程序设置页面背景颜色backgroundColor 无效的问题！
(1)原因: 当我们在微信小程序 json 中设置 backgroundColor 时,实际在电脑的模拟器中根本看不到效果. (2)分析: 这是因为 backgroundColor 指的窗体背景颜色, ...
记录 | 微信小程序设置页面背景颜色不起效果
问题:在 .json 文件里面设置背景颜色不起效果 {"usingComponents": {"van-icon": "@vant/weapp/ico ...
微信小程序设置页面背景颜色
在对应的json里面写入 { "navigationBarBackgroundColor": "#b3d4db" } app.json里不要写
微信小程序改变页面背景颜色
改变整个页面的背景颜色在该wxss中添加 page { background: #F3F3F3; }
微信小程序设置wxss背景图片
微信小程序设置wxss背景图片目前只支持两种: 在线图片如果有自己的服务器可以将图片放到自己的web服务器上: 或者参考这个通过qq相册或百度相册将本地图片变为网上图片通过qq相册或百度相册将本地图 ...
Android添加程序背景颜色,Android小程序实现切换背景颜色
本文实例为大家分享了Android实现切换背景颜色的具体代码,供大家参考,具体内容如下 (1)首先打开界面布局文件,添加两个Button xmlns:tools="http://schema ...
uniapp设置页面背景颜色
在uniapp中,给当前页面添加满屏背景颜色,需要给当前组件的根元素添加绝对定位,宽高百分百,然后设置背景颜色 <template><view class="loginCo ...
uni-app小程序设置页面背景色
在原生微信小程序中,可以通过下面的设置来设置页面背景色 page {background:'#f0f0f0' } 但是在uni-app上,这样的设置在小程序端并没有起作用. 原因是因为style标签上 ...
微信小程序设置tabBar选中颜色和图标
{"pages":["pages/index/index","pages/logs/logs"],"window":{& ...

小程序设置页面背景颜色

小程序设置页面背景颜色相关推荐

最新文章

热门文章