sprucecss root admin template

該儲存庫包含名為 Root 的 Laravel 管理員的靜態範本。

該模板是使用 Eleventy 構建的，以確保我們的理智和更輕鬆的管理。您可以從 Nunjucks 範本檔案或編譯的dist資料夾中取得內容。

由於 Laravel 套件的開發，該模板將來可能會定期更改。

你得到什麼

我們使用 Alpine.js 來處理 JS 程式碼。雖然有一些相當完整的JS行為，但這個範本仍然是靜態的HTML/CSS，所以你必須做互動部分。

現在，您可以獲得以下視圖或佈局：

• 儀表板
• 產品列表
• 訂單清單
• 客戶名單
• 類別列表
• 專案編輯
• 專案視圖
• 設定
• 登入
• 報名
• 密碼重設

有很多特定於管理的元件：

• 具有自訂功能的模態視窗。
• 具有搜尋和過濾支援的資料表塊。
• 簡單的搜尋。
• 各種下拉式選單。
• 小部件卡。
• 媒體處理程序模式。
• 組合框。

啟動並運行

我們使用eleventy --serve並使用 sass-cli 和 npm 腳本編譯 Sass。

1. 克隆存儲庫。

2. 安裝依賴項。

   在package.json檔案中，您將找到所有依賴項（和腳本），以便使用以下命令安裝它們：

   npm install

3. 運行開發模式

   要運行開發模式，請使用npm script 。該腳本還將監視更改。

   npm start

4. 運行生產模式

   在上線之前，您應該使用生產腳本來壓縮 Sass 檔案。

   npm run prod

社會保障體系

此專案將./src/scss資料夾中的 SCSS 檔案編譯到./src/css資料夾中。這個項目包括 Spruce CSS，它提供了一些 Spruce UI 元件的樣式。

其他腳本

• sass:lint/sass:lint:fix您可以使用npm run sass:lint指令預設的 Stylelint 和 stylelint-config-sass-guidelines 來檢查 SCSS 檔案。如果您想要自動修復，請使用npm run sass:lint:fix指令。

• js:lint/js:lint:fix你也可以像使用 Sass 一樣對 JS 進行 lint 處理。對於規則，我們使用 Airbnb 預設。

執照

該代碼已獲得 MIT 許可。