You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
- /* .index-slide-view {
- position: relative;
- width: 750rpx;
- height: 258rpx;
- overflow: hidden;
- margin: 0 auto;
- }
-
- .index-slide, swiper-item
- .index-slide-image {
- display: block;
- width: 690rpx;
- height: 258rpx;
- margin: 0 auto;
- border-radius: 16rpx;
- overflow: hidden;
- position: relative;
-
- }
-
- .dots {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 20rpx;
- display: flex;
- justify-content: center;
- }
-
- .dot {
- margin: 0 8rpx;
- width: 14rpx;
- height: 14rpx;
- background: #fff;
- border-radius: 8rpx;
- transition: all 0.6s;
- }
-
- .dot.active {
- width: 24rpx;
- background: #f80;
- }
-
- .bannerbg {
- width: 100%;
- }
-
- .bannerbg image {
- display: block;
- width: 100%;
- } */
-
- .imageContainer{
- width: 100%;
- height: 304rpx;
- }
- .itemImg{
- position: absolute;
- width: 640rpx;
- height: 248rpx;
- border-radius: 15rpx;
- overflow: hidden;
- z-index: 5;
- opacity: 0.7;
- top: 15%;
- margin: 0 20rpx;
- }
- .active{
- opacity: 1;
- z-index: 10;
- width: 640rpx;
- height: 270rpx;
- top: 11%;
- transition:all .2s ease-in 0s;
- }
- .item{
- width: 100%;
- height: 304rpx;
- overflow: hidden;
- border-radius: 16rpx;
- }
- .index-slide-view{
- margin-top: -30rpx;
- }
|