• swan.setBackgroundColor
  • 方法参数
    • object 参数说明
  • 示例
    • 图片示例
    • 代码示例
  • 错误码
    • Android
    • iOS

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