步驟Step

文章推薦指數: 80 %
投票人數:10人

步驟Step. 以案件申請中的「線上變更案件基本資料」做為範例:. 以下為兩種狀態示意。

以下為單個步驟規格簡述。

以下為上方示意圖之css參考代碼: 設計規範書DesignGuideline 使用體驗設計原則UXDesignPrinciples 通用性設計AccessibleDesign 資訊架構InformationArchitecture 風格Style 色彩Color 文字Font 圖標Icon 影像Image 陰影Shadow 佈局Layout 頁首Header 選單Menu 內容Content 頁尾Footer 模板Template 首頁Index 表單Form 表格Table 列表List 元件Component 框線Border 表單Form 步驟Step 光箱LightBox 狀態Status 載入動畫Loding 頁籤PageLabel 按鈕Button SVG動畫 步驟Step 步驟Step 以案件申請中的「線上變更案件基本資料」做為範例: 以下為兩種狀態示意。

以下為單個步驟規格簡述。

以下為上方示意圖之css參考代碼: /*--圓框--*/ .border{width:44px;height:44px;border:1pxsolid#ccc;background:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;} /*--圓底步驟數--*/ .step{width:38px;height:38px;background:#777;text-align:center;color:#fff;font-size:18px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;} /*--步驟文案--*/ .word{color:#777;font-size:18px;margin-left:5px;} /*--步驟線--*/ .line{width:15px;height:1px;background:#ccc;} /*--目前或已過步驟--*/ .border{border-color:#e86a6a;} .step{backgrounf-color:#e86a6a;} .word{color:#e86a6a;} .line{backgrounf-color:#e86a6a;} resultsmatching"" Noresultsmatching""



請為這篇文章評分?