該模板使用Bootstrap5框架開(kāi)發(fā),共有26個(gè)html頁(yè)面模板,附帶6種預(yù)定義顏色變化,分別為藍(lán)、綠、粉、紅、海洋綠、紫??蓪ss/style.default.css文件替換為相應(yīng)顏色的css文件;
包含頁(yè)面:
1、首頁(yè)數(shù)據(jù)總覽(index.html);
2、多種數(shù)據(jù)列表展示(tables.html);
3、高級(jí)數(shù)據(jù)列表:具有排序、條件過(guò)濾、分類等功能(tables-datatable.html);
4、圖表:折線圖、條形圖、圓環(huán)圖、餅圖、六邊形雷達(dá)圖(charts.html);
5、圖表2:儀表數(shù)據(jù)板、迷你圖(charts-gauge-sparkline.html);
6、常規(guī)表單頁(yè)(forms.html);
7、高級(jí)表單頁(yè):滑塊、下拉列表、日期選擇器、標(biāo)簽輸入、輸入掩碼等(forms-advanced.html);
8、自動(dòng)完成表單(forms-autocomplete.html);
9、Dropzone帶圖預(yù)覽文件上傳組件(forms-dropzone.html);
10、所見(jiàn)即所得文本編輯器(forms-texteditor.html);
11、驗(yàn)證提示表單(forms-validation.html);
12、全屏JS事件日歷(components-calendar.html);
13、用戶消息彈出及自動(dòng)消失(components-notifications.html);
14、加載按鈕(components-loading-buttons.html);
15、預(yù)加載動(dòng)畫(huà)圖(components-preloader.html);
16、圖片列表幻燈片切換展示(components-gallery.html);
17、Leaflet地圖(components-map.html);
18、多種樣式卡片(components-cards.html);
19、聯(lián)系人列表(pages-contacts.html);
20、個(gè)人用戶資料組件(pages-profile.html);
21、定價(jià)表(pages-pricing.html);
22、出貨發(fā)票收據(jù)清單(pages-invoice.html);
23、登錄頁(yè)(login.html);
24、全屏登錄頁(yè)(login-2.html);
25、注冊(cè)頁(yè)(register.html);
26、全屏注冊(cè)頁(yè)(register-2.html)。
模板特點(diǎn):
1、全站響應(yīng)式布局,針對(duì)移動(dòng)設(shè)備屏幕優(yōu)化;
2、使用Bootstrap5框架,良好結(jié)構(gòu)性代碼;
3、側(cè)邊導(dǎo)航欄可折疊;
4、多種可視化圖表,查看分析數(shù)據(jù)清晰直觀;
5、多種數(shù)據(jù)編輯或提交的表單元素;
6、集成站內(nèi)消息框;
7、集成70+SVG漂亮線條圖標(biāo)集(需要上傳至服務(wù)器方可顯示)。
相關(guān)推薦:
后臺(tái)模板
響應(yīng)式模板