swan.setBackgroundColor

基础库 3.10.4 版本开始支持。

解释：设置窗口的背景颜色。

方法参数

Object object

object参数说明 ：

示例

扫码体验

请使用百度APP扫码

图片示例

代码示例1 - backgroundColor：#000000 ：

在开发者工具中预览效果

<view class="container">
    <view class="card-area">
        <view class="top-description border-bottom">
            <view>设置窗口的背景颜色</view>
            <view>色值为: #000000</view>
        </view>
            <button type="primary" bindtap="setBackgroundColor">setBackgroundColor</button>
    </view>
    <view class="page-title">
        <view class="page-title-line"></view>
        <view class="page-title-text">setBackgroundColor</view>
    </view>
</view>

Page({
    setBackgroundColor() {
        swan.setBackgroundColor({
            backgroundColor: '#000000',
            success: function () {
                console.log('setBackgroundColor success');
            },
            fail: function (err) {
                console.log('setBackgroundColor fail', err);
            }
        });
    }
});

图片示例

代码示例2 - backgroundColorTop：#FFC0CB ：

在开发者工具中预览效果

Page({
    setBackgroundColor() {
        swan.setBackgroundColor({
            backgroundColorTop: '#FFC0CB',
            success: function () {
                console.log('setBackgroundColor success');
            },
            fail: function (err) {
                console.log('setBackgroundColor fail', err);
            }
        });
    }
});

图片示例

代码示例3 - backgroundColorBottom：#7B68EE ：

在开发者工具中预览效果

Page({
    setBackgroundColor() {
        swan.setBackgroundColor({
            backgroundColorBottom: '#7B68EE',
            success: function () {
                console.log('setBackgroundColor success');
            },
            fail: function (err) {
                console.log('setBackgroundColor fail', err);
            }
        });
    }
});

错误码

Android

iOS