Столбцы
Столбцы
Панель обозначает одну вещь в одной строке: что это, как это называется, что его квалифицирует и что находится на дальнем конце. Это форма, а не привязка — сущность достигает ее через свой собственный шаблон, но результат поиска, который является файлом, приложением или настройкой, использует ту же разметку.
Сама панель
Все, кроме заголовка, является необязательным. Ведущий слот принимает значок или любую разметку, когда нужен реальный аватар; завершающий слот принимает дату, тег, ряд кнопок. Учитывая ссылку, вся ширина становится целью, а заголовок сохраняет цвет, в котором он находится.
Список результатов
Список приносит рамку, поле поиска и разделители; каждая строка представляет собой панель. Ничто здесь не является сущностью — в этом и дело: одна и та же строка обслуживает человека, документ, приложение и предпочтение.
Простой список
Когда рамка уже есть, вертикальный стек с разделителями достаточно — без формы, просто линия между двумя строками.
По одной поверхности
Другой взгляд на список — без общего фона и без линии, каждая панель стоит на своем блоке с пространством вокруг. Ничего нового в оформлении, панель просто принимает классы блока, и учитывая ссылку, вся карточка становится целью.
Выводы
Что сообщает анализ, по одной панели: вывод в качестве заголовка, его местоположение в качестве подзаголовка и что можно с этим сделать в завершающем слоте — ничего нет, когда ничего нельзя сделать. Степень серьезности — это тон блока, который также принимает аватар в начале.
Список из них, в Vue
Те же строки читаются из конечной точки, а не записываются: список содержит страницу, пагинацию и пустое состояние, и каждая сущность говорит, что читать на ней — заголовок, что квалифицирует ее, значок, куда она ведет, дата на дальнем конце. Чтения выше — это ее варианты, `разделенный`, затем `поверхности`.
И поддерживается в актуальном состоянии
Список панелей — это коллекция, как и любая другая, поэтому три способа, которыми коллекция слышит о том, что мир продолжает движение, открыты для нее: событие приложения, живой источник, опрос. Этот слушает событие — позвоните и смотрите, как строки возвращаются. См. Актуальное состояние для трех из них бок о бок.