バー
バー
バーは、1行で1つの事柄を示します:それが何であるか、何と呼ばれるか、それを定義するもの、そして端に何があるか。これは形であり、バインディングではありません — エンティティは自身のテンプレートを通じてそれに到達しますが、ファイル、アプリ、または設定の検索結果は同じマークアップを使用します。
バー自体
タイトル以外はすべてオプションです。先頭のスロットにはアイコン、または本物のアバターが必要な場合はマークアップが入ります;後のスロットには日付、タグ、ボタンの行が入ります。リンクが与えられた場合、全幅がターゲットとなり、タイトルはその位置の色を保持します。
結果のリスト
リストはフレーム、検索フィールド、区切りを提供します;各行はバーを持ちます。ここにはエンティティはありません — それが要点です:同じ行が人、文書、アプリ、そして好みにサービスします。
シンプルなリスト
フレームがすでにある場合、区切りのある垂直スタックで十分です — 自身の形はなく、2つの行の間にただ線があります。
それぞれのサーフェス
リストの別の読み方 — 共有された背景も線もなく、各バーが自分のブロックの上に立って周囲にスペースがあります。スタイルを変更する新しいものはなく、バーは単にブロッククラスを受け取ります。リンクが与えられた場合、全カードがターゲットとなります。
所見
分析が報告する内容、1つのバーごとに:所見がタイトル、どこにあるかがサブタイトル、そしてそれに対処できることが後のスロットに示されます — ここで何もできない場合は何もありません。深刻度はブロックのトーンであり、先頭のアバターもそれを受け取ります。
Vueでのリスト
同じ行がエンドポイントから読み込まれ、書き出されるのではなく:リストはページ、ページネーション、空の状態を保持し、それぞれのエンティティは何を読むべきかを示します — タイトル、それを定義するもの、アイコン、どこに導くか、端にある日付。上記の読み方はそのバリエーションであり、`divided` から `surfaces` です。
最新の情報を保持
バーリストは他のコレクションと同様であり、世界が進んだことをコレクションが知る3つの方法が開かれています:アプリイベント、ライブソース、ポーリング。このリストはイベントを聞きます — リングして行が戻ってくるのを見てください。並んでいる3つの側面のために「最新の情報を保持」を参照してください。