uniapp轮播图添加背景颜色

在uni-app中，可以使用u-view组件来实现轮播图，并为轮播图添加背景颜色。下面是一个示例代码：

<template>
  <view class="slide">
    <u-swiper :autoplay="true" :interval="3000">
      <u-swiper-item>
        <view class="slide-item" style="background-color: #f2f2f2;"></view>
      </u-swiper-item>
      <u-swiper-item>
        <view class="slide-item" style="background-color: #d9d9d9;"></view>
      </u-swiper-item>
      <u-swiper-item>
        <view class="slide-item" style="background-color: #bfbfbf;"></view>
      </u-swiper-item>
    </u-swiper>
  </view>
</template>

<style>
.slide {
  width: 100%;
  height: 200rpx; /* 轮播图高度 */
}

.slide-item {
  width: 100%;
  height: 200rpx; /* 轮播图项高度 */
}
</style>

在上面的代码中，我们使用了`u-swiper`和`u-swiper-item`组件来创建轮播图，并在每个轮播项中使用了`view`来作为容器，然后为容器添加了`style`属性来设置背景颜色。

你可以根据需要修改`slide`和`slide-item`类的样式，以适应你的页面布局和样式需求。