12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- /* components/activity/activity.wxss */
- .activity {
- width: 100%;
- box-sizing: border-box;
- position: relative;
- }
- .activity-swiper {
- height: 168rpx;
- }
- .swiper-big {
- height: 244rpx;
- }
- .activity-img {
- width: 100%;
- height: 100%;
- }
- .activity-img image {
- width: 100%;
- height: 168rpx;
- border-radius: 4rpx;
- }
- .indicator-wrap {
- position: absolute;
- bottom: 10rpx;
- left: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: row;
- }
- .indicator-wrap .indicator {
- display: inline-block;
- width: 20rpx;
- height: 4rpx;
- background: rgba(0, 0, 0, 0.2);
- border-radius: 4rpx;
- margin-left: 6px;
- }
- .indicator-wrap .indicator-active {
- background: rgba(255, 82, 61, 1);
- }
|