| | |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | z-index: 9999; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | z-index: 999; |
| | | } |
| | | |
| | | .project-modal-mask { |
| | |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | background-color: rgba(0, 0, 0, 0.6); |
| | | background-color: rgba(0, 0, 0, 0.5); |
| | | } |
| | | |
| | | .project-modal-content { |
| | | position: relative; |
| | | width: 80%; |
| | | position: absolute; |
| | | top: 50%; |
| | | left: 50%; |
| | | transform: translate(-50%, -50%); |
| | | width: 85%; |
| | | max-width: 600rpx; |
| | | background-color: #fff; |
| | | border-radius: 16rpx; |
| | |
| | | } |
| | | |
| | | .project-modal-header { |
| | | padding: 30rpx; |
| | | padding: 24rpx; |
| | | text-align: center; |
| | | border-bottom: 1rpx solid #f0f0f0; |
| | | } |
| | | |
| | | .project-modal-title { |
| | | font-size: 36rpx; |
| | | font-size: 32rpx; |
| | | font-weight: bold; |
| | | color: #333; |
| | | border-bottom: 1rpx solid #eee; |
| | | } |
| | | |
| | | .project-modal-body { |
| | | padding: 30rpx; |
| | | padding: 0; |
| | | max-height: 60vh; |
| | | } |
| | | |
| | | .project-modal-tip { |
| | | display: block; |
| | | font-size: 28rpx; |
| | | color: #999; |
| | | margin-bottom: 30rpx; |
| | | text-align: center; |
| | | .project-scroll-view { |
| | | max-height: 55vh; /* 稍微减小高度,确保在小屏幕上也能看到底部按钮 */ |
| | | height: auto; |
| | | } |
| | | |
| | | .project-radio-group { |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 20rpx; |
| | | width: 100%; |
| | | } |
| | | |
| | | .project-radio { |
| | | padding: 24rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 20rpx; |
| | | background-color: #f5f5f5; |
| | | border-radius: 8rpx; |
| | | border-bottom: 1rpx solid #f5f5f5; |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .project-radio-selected { |
| | | background-color: #e6f4ff; |
| | | border: 2rpx solid #1890FF; |
| | | .project-radio radio { |
| | | margin-right: 16rpx; |
| | | } |
| | | |
| | | .project-radio text { |
| | | margin-left: 10rpx; |
| | | font-size: 32rpx; |
| | | font-size: 30rpx; |
| | | color: #333; |
| | | } |
| | | |
| | | .project-radio-selected { |
| | | background-color: #f0f9ff; |
| | | } |
| | | |
| | | .project-modal-footer { |
| | | padding: 30rpx; |
| | | border-top: 1rpx solid #f0f0f0; |
| | | padding: 24rpx; |
| | | border-top: 1rpx solid #eee; |
| | | } |
| | | |
| | | .project-modal-btn { |
| | | width: 100%; |
| | | height: 80rpx; |
| | | line-height: 80rpx; |
| | | text-align: center; |
| | | background-color: #1890FF; |
| | | color: #fff; |
| | | font-size: 32rpx; |
| | | color: white; |
| | | border-radius: 8rpx; |
| | | font-size: 28rpx; |
| | | padding: 16rpx 0; |
| | | } |
| | | |
| | | .project-modal-btn[disabled] { |
| | | background-color: #cccccc; |
| | | color: #ffffff; |
| | | color: #666666; |
| | | } |
| | | |
| | | .info-img { |