| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .stepItem { |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | align-items: flex-start; |
|---|
| | | margin-bottom: 30px; |
|---|
| | | margin-left: 30px; |
|---|
| | | padding-bottom: 30px; |
|---|
| | | border-left: 2px solid #ccc; |
|---|
| | | &:first-of-type { |
|---|
| | | margin-top: 30px; |
|---|
| | | } |
|---|
| | | &:last-of-type { |
|---|
| | | margin-bottom: 0; |
|---|
| | | border-left: none; |
|---|
| | | } |
|---|
| | | .stepNum { |
|---|
| | | width: 30px; |
|---|
| | | height: 30px; |
|---|
| | | border-radius: 15px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | color: #333; |
|---|
| | | border: 1px solid #999; |
|---|
| | | line-height: 28px; |
|---|
| | | text-align: center; |
|---|
| | | margin-right: 10px; |
|---|
| | | margin-left: -16px; |
|---|
| | | margin-top: -30px; |
|---|
| | | } |
|---|
| | | .stepCard { |
|---|
| | | width: 100%; |
|---|
| | | margin-top: -30px; |
|---|
| | | |
|---|
| | | .box-card { |
|---|
| | | width: 100%; |
|---|
| | | &:deep(.el-card__header) { |
|---|
| | | padding: 10px 15px; |
|---|
| | | } |
|---|
| | | .card-header { |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | & > div:first-of-type { |
|---|
| | | margin-right: 80px; |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: bold; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | &:hover .card-header { |
|---|
| | | color: #0098f5; |
|---|
| | | } |
|---|
| | | &:hover .stepNum { |
|---|
| | | border: 2px solid #0098f5; |
|---|
| | | color: #0098f5; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | :deep(.el-date-editor) { |
|---|
| | | width: 100%; |
|---|
