| | |
| | | align-items: center; |
| | | padding: 25rpx 30rpx; |
| | | border-top: 1rpx solid #eee; |
| | | position: relative; |
| | | transition: all 0.3s ease; |
| | | } |
| | | |
| | | .group-item::after { |
| | | content: ''; |
| | | position: absolute; |
| | | right: 15rpx; |
| | | top: 50%; |
| | | transform: translateY(-50%); |
| | | width: 16rpx; |
| | | height: 16rpx; |
| | | border-top: 2rpx solid #999; |
| | | border-right: 2rpx solid #999; |
| | | transform: translateY(-50%) rotate(45deg); |
| | | } |
| | | |
| | | .group-item:active { |
| | | background-color: #e6f7ff; |
| | | } |
| | | |
| | | .group-item.selected { |
| | |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .group-name { |
| | | font-size: 26rpx; |
| | | color: #666; |
| | | position: relative; |
| | | padding-left: 10rpx; |
| | | background-color: rgba(24, 144, 255, 0.1); |
| | | padding: 4rpx 20rpx; |
| | | border-radius: 10rpx; |
| | | } |
| | | |
| | | .group-hint { |
| | | font-size: 22rpx; |
| | | color: #1890FF; |
| | | margin-left: 10rpx; |
| | | background-color: rgba(24, 144, 255, 0.1); |
| | | padding: 4rpx 10rpx; |
| | | border-radius: 10rpx; |
| | | } |
| | | |
| | | /* .group-name::before { |
| | | content: ''; |
| | | position: absolute; |
| | | left: 0; |
| | | top: 50%; |
| | | transform: translateY(-50%); |
| | | width: 6rpx; |
| | | height: 6rpx; |
| | | background-color: #1890FF; |
| | | border-radius: 50%; |
| | | } */ |
| | | |
| | | .group-duration { |
| | | display: flex; |
| | | align-items: center; |
| | | margin-right: 20rpx; /* 为右侧箭头留出空间 */ |
| | | } |
| | | |
| | | .duration-input { |