1234567891011121314151617181920212223242526272829303132333435363738394041 |
- .ss-showcase {
- display: flex;
- overflow: hidden;
- position: relative;
- transition: height 0.4s linear;
- }
- .ss-showcase__wrap {
- position: relative;
- display: flex;
- white-space: nowrap;
- }
- .ss-showcase__absolute {
- background: red;
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- }
- .dotsbar {
- position: absolute;
- bottom: 30rpx;
- display: flex;
- gap: 16rpx;
- left: 50%;
- transform: translate3d(-50%, 0, 0);
- .dot {
- background-color: #999;
- width: 12rpx;
- height: 12rpx;
- border-radius: 12rpx;
- transition: all 0.1s linear;
- &.dot-active {
- background-color: #eee;
- width: 24rpx;
- }
- }
- }
|