This repository has been archived on 2024-07-11. You can view files and clone it, but cannot push or open issues or pull requests.
yoshop-wechat/components/diy/banner/banner.wxss
2020-04-25 22:59:04 +08:00

46 lines
682 B
Plaintext

/* banner轮播 */
.diy-banner {
position: relative;
}
.diy-banner .slide-image {
width: 100%;
height: 100%;
margin: 0 auto;
display: block;
}
/* 顶部置灰 */
.diy-banner .linear {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3.4rem;
background: linear-gradient(#111, transparent);
opacity: 0.6;
z-index: 9;
}
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal {
margin-bottom: 2rpx;
}
/* banner组件按钮 */
.swiper-box .wx-swiper-dot {
height: 20rpx;
width: 20rpx;
}
.swiper-box.dot-rectangle .wx-swiper-dot {
width: 30rpx;
border-radius: unset;
}
.swiper-box.dot-square .wx-swiper-dot {
border-radius: unset;
}