微信小程序动态修改page的页面样式

微信小程序修改页面的样式的方法：

1. 在wxss页面中直接修改page的样式
   这样修改page的样式是静态的

page {
    background: #F5F5F7;
}

2. 通过模拟page动态的修改page标签的样式
   wxml中：

<view class="page" style="background-color:{{pageBackgroundColor}}"></view>

wxss中：
设置自定义page的样式，使之与原生page标签一样

page {
    display: block;
    min-height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

js中：

Page({
    /**
     * 页面的初始数据
     */
    data: {
    	curriculumCommentList: [],
    	// 页面背景色
        pageBackgroundColor: '#F5F5F7'
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
    	// 根据数组的长度 修改页面的背景色
        this.pageBgColor();
    },
    // 页面的背景色
    pageBgColor() {
        if (this.data.curriculumCommentList.length == 0) {
            this.setData({
                pageBackgroundColor: '#ffffff'
            });
        }
    }
})