小程序如何动态修改page标签的css样式
⼩程序如何动态修改page标签的css样式前提：在app.wxss和⾃⼰组件页⾯的***.wxss⾥⾯都可以更改page对应的样式。
场景：页⾯page设置为灰⾊ 直接
.page{
  background:#f8f8f8;
}
dnf召唤师加点
漏电保护器跳闸但是这种场景下，如果该页⾯列表⽆数据，需要展⽰⽩⾊背景。这是需要动态根据页⾯有⽆数据，来改变背景的颜⾊。demo.wxml
<view class="page" >
</view>
demo.wxss
.page {
display: block;
min-height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
中秋节多少号
demo.js
Page({
我家的一件珍品data:{
pageBackgroundColor: '#f8f8f8', //默认颜⾊
北京宠物用品批发市场}
onLoad: function(options) {
let that = this;
if (that.data.dataList.length == 0) {
that.setData({
pageBackgroundColor: '#ffffff' }); } }
})
这样⼀来，就成功的动态修改了页⾯的page背景样式。
>元旦是中国节日吗

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。