shimai
2026-04-03 e4dfe9f17d64d016376872b786d2987805ee41ef
web-app/src/components/dashboard/NegotiationProgress.css
New file
@@ -0,0 +1,79 @@
/**
 * 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;
}