nazw/nnzwminiapp/components/customBannerSwiper/customBannerSwiper.wxss

page {
  background-color: #fff;
}

.swiper-block {
  background: #fff;
  width: 100%;
  height: 100%;
}

.swiper-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: unset;
  width: 100%;
  padding-top: 0rpx;
  padding-bottom: 80rpx;
  box-sizing: border-box;
}

.slide-image {
  width: 100%;
  margin: 0rpx 0rpx;
  z-index: 1;
}

.shadow {
  box-shadow: 5rpx 5rpx 20rpx rgba(0, 0, 0, 0.5);
}

.active {
  transition: all .5s ease-in 0s;
  z-index: 20;
  opacity: 1;
}

.common {
  transition: all .5s ease-in 0s;
  z-index: 0;
  opacity: 0.4;
}

.title {
  z-index: 99;
  color: #ffffff;
}

/* 以下修改swiper指示点样式，需要在引入页面修改CSS */
.wx-swiper-dots.wx-swiper-dots-horizontal {
    margin-bottom: -16rpx;
}

/* 圆点样式 */
.wx-swiper-dots .wx-swiper-dot { 
  width: 5rpx;
  height: 5rpx;
  margin: 0 15rpx;
}

/* 当前选中圆点样式 */
.wx-swiper-dots .wx-swiper-dot.wx-swiper-dot-active {
    width: 16rpx;
    border-radius: 10rpx;
}