|
- .index-slide-view{
- position: relative;
- width: 750rpx;
- height: 300rpx;
- overflow: hidden;
- margin:0 auto;
- /* border-radius:16rpx; */
- /* box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15); */
- }
- .index-slide,
- swiper-item
- .index-slide-image {
- display: block;
- width: 690rpx;
- height: 300rpx;
- margin: 0 auto;
- border-radius:16rpx;
- /* border-radius:16rpx; */
- overflow: hidden;
- position: relative;
-
- }
- .index-slide-view .dots{
- position: absolute;
- left: 0;
- right: 0;
- bottom: 20rpx;
- display: flex;
- justify-content: center;
- }
- .index-slide-view .dots .dot{
- margin: 0 8rpx;
- width: 12rpx;
- height: 12rpx;
- background: #b6b6b7;
- border-radius: 50%;
- transition: all .6s;
- }
- .index-slide-view .dots .dot.active{
- background: #02C0FF;
- width: 30rpx;
- height: 12rpx;
- border-radius:10rpx;
- opacity: 1;
- }
- .bannerbg{
- width: 100%;
- }
- .bannerbg image{
- display: block;
- width: 100%;
- }
|