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 许可。