灰度暗色數(shù)據(jù)管理后臺模板是一個基于Bootstrap5框架開發(fā)的高級數(shù)據(jù)管理模板,共有26個html頁面模板,附帶6種預定義按鈕顏色變化,分別為藍、綠、粉、紅、海洋綠、紫??蓪ss/style.default.css文件替換為相應顏色的css文件;
包含頁面:
1、首頁數(shù)據(jù)總覽(index.html);
2、多種數(shù)據(jù)列表展示(tables.html);
3、高級數(shù)據(jù)列表:具有排序、條件過濾、分類等功能(tables-datatable.html);
4、圖表:折線圖、條形圖、圓環(huán)圖、餅圖、極坐標圖、六邊形雷達圖(charts.html);
5、圖表2:儀表數(shù)據(jù)板、迷你圖(charts-gauge-sparkline.html);
6、常規(guī)表單頁(forms.html);
7、高級表單頁:滑塊、下拉列表、日期選擇器、標簽輸入、輸入掩碼等(forms-advanced.html);
8、自動完成表單(forms-autocomplete.html);
9、Dropzone帶圖預覽文件上傳組件(forms-dropzone.html);
10、所見即所得文本編輯器(forms-texteditor.html);
11、驗證提示表單(forms-validation.html);
12、全屏JS事件日歷(components-calendar.html);
13、用戶消息彈出及自動消失(components-notifications.html);
14、加載按鈕(components-loading-buttons.html);
15、預加載動畫圖(components-preloader.html);
16、圖片列表幻燈片切換展示(components-gallery.html);
17、Leaflet地圖(components-map.html);
18、多種樣式卡片(components-cards.html);
19、聯(lián)系人列表(pages-contacts.html);
20、個人用戶資料組件(pages-profile.html);
21、定價表(pages-pricing.html);
22、出貨發(fā)票收據(jù)清單(pages-invoice.html);
23、登錄頁(login.html);
24、全屏登錄頁(login-2.html);
25、注冊頁(register.html);
26、全屏注冊頁(register-2.html)。
模板特點:
1、全站響應式布局,針對移動設備屏幕優(yōu)化;
2、使用Bootstrap5框架,良好結構性代碼;
3、側邊導航欄可折疊、隱藏;
4、多種可視化圖表,查看分析數(shù)據(jù)清晰直觀;
5、多種數(shù)據(jù)編輯或提交的表單元素;
6、集成站內(nèi)消息框;
7、集成70+SVG漂亮線條圖標集(需要上傳至服務器方可顯示);
為什么選擇灰度暗色的后臺模板?
深色界面的模板好處很多:
1、較暗的背景有助于減輕眼睛疲勞。這對于長時間在電腦前工作以及需要長時間盯著屏幕的人來說非常重要,深色背景可以讓眼睛專注在頁面上的文本或其他元素,不會被明亮的顏色和圖像分散注意力;
2、深色背景有助于提高閱讀效率。研究表明深色背景使文本更容易閱讀,主要是增加文本與背景顏色之間的對比度,更適合各行業(yè)的專業(yè)人士。
3、深色的管理頁面更為美觀。深色主題的頁面不僅讓網(wǎng)站閱讀更舒適,而且兼具專業(yè)、現(xiàn)代和時尚等特點,會讓你的用戶對網(wǎng)站印象更為深刻。