README

使用 Laravel v5.3 和 Foundation 6 的模板。所有 blade 视图都已重新设计以适用于 Foundation 6 网站。Elixir 已配置以编译所有单个组件，以便在框架中进行自定义修改时增加一些灵活性。

jQuery、Node-Sass 和 Foundation 已添加为 node package.json 中的 devDependencies，可以通过 npm 进行安装

npm install

第一次运行 gulp 时，将 Foundation 复制到 "resources/assets/(scss/js)" 目录

from node_modules => resources/assets/scss/foundation

from node_modules => resources/assets/js/foundation

注意：如果您计划修改 foundation scss 文件，请在运行一次后取消注释 gulpfile 中的以下内容。

    .copy(
        './node_modules/foundation-sites/scss', 
        'resources/assets/scss/foundation'
    )

    .copy(
        './node_modules/foundation-sites/js',
        'resources/assets/js/foundation'
        )

整理

主要的 "app.scss" 和 "gulpfile.js" 文件已预先配置为导入 foundation scss 和 js，并包含单个组件的完整列表，使其易于添加/删除到混合中。

resources/assets/scss/app.scss

    /// Import Foundation 6 for sites
    @import 'foundation/foundation';

    /// Foundation components
    @include foundation-global-styles;
    @include foundation-grid;
    @include foundation-flex-grid;
    @include foundation-typography;
    @include foundation-button;
    ...

gulpfile.js

    /// Foundation 6 core
    'foundation/foundation.core.js',

    /// Foundation 6 components
    'foundation/foundation.abide.js',
    'foundation/foundation.accordion.js',
    'foundation/foundation.accordionMenu.js',
    'foundation/foundation.drilldown.js',
    'foundation/foundation.dropdown.js',
    'foundation/foundation.dropdownMenu.js',
    ...

位于 App\Helpers 中的模板辅助样本，用于轻松原型设计，此外，Helper.php 正在自动加载

"files": [
        "app/Zen/Helpers/Helper.php"
    ]

微调

可以在 .env 中使用 APP_NAME 设置应用程序名称
Foundation 驱动的视图（欢迎视图、认证视图、错误视图）
css 和 js 文件的版本控制（在 master blade 部分中添加）

请随意使用！

基于 Laravel - 专为 Web 大师打造的 PHP 框架

有关更多信息，请访问 Laravel 网站。

许可证

Laravel 框架是开源软件，根据 MIT 许可证许可。

istherepie / laravel-zurb-foundation

维护者

详细信息

README

基于 Laravel - 专为 Web 大师打造的 PHP 框架

许可证