| New file |
| | |
| | | /** |
| | | * NegotiationProgress 组件样式 |
| | | * 协商沟通进度点线式展示 |
| | | */ |
| | | |
| | | .negotiation-progress { |
| | | background: #f8f9fa; |
| | | border-radius: 8px; |
| | | padding: 12px 16px; |
| | | } |
| | | |
| | | .negotiation-header { |
| | | margin-bottom: 8px; |
| | | } |
| | | |
| | | .negotiation-title { |
| | | font-size: 0.85rem; |
| | | color: #6c757d; |
| | | font-weight: 500; |
| | | } |
| | | |
| | | .negotiation-round { |
| | | margin-bottom: 12px; |
| | | } |
| | | |
| | | .round-text { |
| | | font-size: 1.3rem; |
| | | font-weight: 700; |
| | | color: #212529; |
| | | } |
| | | |
| | | /* 进度点容器 */ |
| | | .negotiation-dots { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | /* 单个进度点+线 */ |
| | | .progress-dot-wrapper { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: flex-start; |
| | | } |
| | | |
| | | .progress-dot-wrapper.last { |
| | | flex: 0; |
| | | } |
| | | |
| | | /* 进度短横线 */ |
| | | .progress-dot { |
| | | width: 16px; |
| | | height: 4px; |
| | | border-radius: 2px; |
| | | background: #d9d9d9; |
| | | flex-shrink: 0; |
| | | transition: background 0.3s; |
| | | margin-left: 5px; |
| | | } |
| | | |
| | | .progress-dot-wrapper:first-child .progress-dot { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | .progress-dot.active { |
| | | background: #1a6fb8; |
| | | } |
| | | |
| | | /* 连接线 */ |
| | | .progress-line { |
| | | flex: 1; |
| | | height: 2px; |
| | | background: #d9d9d9; |
| | | margin: 0 4px; |
| | | transition: background 0.3s; |
| | | } |
| | | |
| | | .progress-line.active { |
| | | background: #1a6fb8; |
| | | } |