swan.setBackgroundColor

基础库 3.10.4 版本开始支持。

解释：设置窗口的背景颜色。顶部或底部窗口颜色设置，建议与页面背景色保持一致，避免下拉或上拉页面时颜色不协调。

方法参数

Object object

object 参数说明

示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

图片示例

iOS 端预览

安卓端预览

代码示例

• SWAN
• JS

<view class="wrap">
    <view class="card-area">
        <view class="top-description border-bottom">
            <view>设置窗口背景色</view>
            <view>backgroundColor</view>
        </view>
        <button bind:tap="setBackgroundColor" type="primary" hover-stop-propagation="true">设置窗口颜色为蓝色</button>
    </view>
    <view class="card-area" s-if="{{!isWeb}}">
        <view class="top-description border-bottom">
            <view>设置顶部窗口的背景颜色</view>
            <view>backgroundColorTop</view>
        </view>
        <button bind:tap="setBackgroundColorTop" type="primary" hover-stop-propagation="true">设置顶部窗口颜色为浅蓝</button>
        <view class="tip-week">注：下拉页面查看效果</view>
    </view>
    <view class="card-area" s-if="{{!isWeb}}">
        <view class="top-description border-bottom">
            <view>设置底部窗口的背景颜色</view>
            <view>backgroundColorBottom</view>
        </view>
        <button bind:tap="setBackgroundColorBottom" type="primary" hover-stop-propagation="true">设置底部窗口颜色为浅蓝</button>
        <view class="tip-week">注：上拉页面查看效果</view>
    </view>
</view>

错误码

Android

iOS