Linha do tempo
Linha do tempo
Coisas uma embaixo da outra, cada uma em um marcador, unidas por uma linha: os passos de um procedimento, os eventos de uma história, as etapas de uma corrida. O que cada uma contém é livre — uma linha de texto, uma tabela, um formulário — e a linha desce por toda ela, até o próximo marcador.
Passos em ordem
Numerados, com os três estados que o passo conhece: os passos atrás são desenhados sólidos, o que está sendo feito se destaca, os que estão à frente aguardam.
-
Obter os fontes
Clone o repositório e instale suas dependências.
-
Configurar
Copie o ambiente de exemplo e preencha o endereço do banco de dados.
-
Criar o banco de dados
Execute as migrações; este é o passo em progresso.
-
Implantar
Construa os ativos e publique a versão.
Qualquer coisa sob um título
Cada item contém o que precisa — propriedades, uma mensagem, botões. Um ícone substitui o ponto, e um tom colore o marcador da mesma forma que colore um marcador ou um bloco.
-
Pedido realizado
- Referência
- ORD-2026-0142
- Valor
- € 184.00
- Pagamento
- Cartão terminando em 4242
-
Pagamento recebido
-
Enviado
-
Entrega
Uma história
Sem ordem a seguir, apenas eventos: pontos, uma data sob cada título, e uma cor de categoria onde se conta algo.
-
Versão 2.0 lançada
-
Revisado pela equipe
-
Primeiro rascunho
Passos ainda não decididos
Como no passo: um passo que depende de uma resposta ainda não dada não recebe número e não move os outros.
-
Obter os fontes
-
Escolha um plano
-
Depende do plano
-
Implantar
Escrito à mão
O componente é apenas uma forma de escrever a estrutura a partir de uma lista. As mesmas classes escritas na página dão a mesma linha do tempo, com qualquer coisa nela.
-
Um ponto simples
-
Um ícone no lugar do ponto
Qualquer marcação, escrita na página.
Em vue
A mesma linha do tempo em uma árvore vue. O que o galho considera como marcação é um slot escopado lá, então um componente pode ficar sob o título de um item.