前提:在app.wxss和自己组件页面的***.wxss里面都可以更改page对应的样式。
场景:页面page设置为灰色 直接
.page{ background:#f8f8f8; }
但是这种场景下,如果该页面列表无数据,需要展示白色背景。这是需要动态根据页面有无数据,来改变背景的颜色。
demo.wxml
<view class="page" style="background-color:{ {pageBackgroundColor}}"> </view>
demo.wxss
.page { display: block; min-height: 100%; width: 100%;