跳到內容
欄目
語言,而家係廣東話
Rastrillo 設計系統

頁面外殼

頁面框架本身。rastrillo new 會將其中一個寫做 templates/layout.html;一版填入佢內容嘅窿,再按需要覆寫某啲框架區塊。下面每個示範都係有自己網址嘅一整版:開一個嚟睇下全闊嘅樣,喺嗰度 sidebar 條欄同 topbar 個頁尾先真係有位。

column

每個新整出嚟嘅應用起步嗰版樸素置中頁面:一個跳過連結、一個標題,同內容嗰欄。

預覽

打開 column 外殼 (喺新分頁度打開)

topbar

頂部橫排住品牌、導航同帳戶選單,頁面下面有頁尾。

預覽

打開 topbar 外殼 (喺新分頁度打開)

sidebar

喺頁面旁邊嘅導航軌。喺手機上,導航軌係一個目錄頁,其他每一頁都有一個返回控制。唔使 JavaScript。

預覽

打開 sidebar 外殼 (喺新分頁度打開)

console

頂部一條欄,側邊一條導航軌,兩樣同時喺度,大部分管理控制台就係呢個形狀。喺手機上,頂欄嘅選單會以卡片形式打開,導航軌係一個目錄頁。唔使 JavaScript。

預覽

打開 console 外殼 (喺新分頁度打開)

stage

一張卡片擺喺鋪滿成頁嘅背景正中,畀獨立成頁嘅畫面用。佢就係為登入畫面而設。

預覽

打開 stage 外殼 (喺新分頁度打開)