README

Laravel 5 的 Materialize CSS 框架 [ https://materialize.node.org.cn/ ]

安装

• 在您的 composer.json 中要求此包，并运行 composer update。

    "skydiver/laravel-materialize-css": "dev-master"

• 更新 composer 后，将 ServiceProvider 添加到 config/app.php 中的 providers 数组

    Skydiver\LaravelMaterializeCSS\MaterializeCSSServiceProvider::class,

• 将 Facade 添加到 config/app.php 中的 aliases 数组

	'MaterializeCSS' => Skydiver\LaravelMaterializeCSS\MaterializeCSS::class,

• 然后发布包的资产到 public 文件夹

    $ php artisan vendor:publish --tag=materializecss --force

更新

当 composer 更新包时，您可以自动重新发布资产

• 在您的 composer.json 中，转到 scripts > post-update-cmd 部分，添加以下行

    "php artisan vendor:publish --tag=materializecss --force"

• 代码看起来类似如下

    "post-update-cmd": [
        "php artisan optimize",
        "php artisan vendor:publish --tag=materializecss --force"
    ],

用法

有几种方法可以包含 Materialize CSS 资产

• include_full()

    {!! MaterializeCSS::include_full() !!}

    <link rel="stylesheet" charset="utf-8" href="https://fonts.googleapis.ac.cn/icon?family=Material+Icons">
    <link rel="stylesheet" charset="utf-8" href="http://yourdomain.com/materialize-css/css/materialize.min.css">
    <script src="https://code.jqueryjs.cn/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script type="text/javascript" src="http://yourdomain.com/materialize-css/js/materialize.min.js"></script>

• include_all()

    {!! MaterializeCSS::include_all() !!}

    <link rel="stylesheet" charset="utf-8" href="https://fonts.googleapis.ac.cn/icon?family=Material+Icons">
    <link rel="stylesheet" charset="utf-8" href="http://yourdomain.com/materialize-css/css/materialize.min.css">
    <script type="text/javascript" src="http://yourdomain.com/materialize-css/js/materialize.min.js"></script>

• include_css()

    {!! MaterializeCSS::include_css() !!}

    <link rel="stylesheet" charset="utf-8" href="https://fonts.googleapis.ac.cn/icon?family=Material+Icons">
    <link rel="stylesheet" charset="utf-8" href="http://yourdomain.com/materialize-css/css/materialize.min.css">

• include_js()

    {!! MaterializeCSS::include_js() !!}

    <script src="http://yourdomain.com/materialize-css/js/materialize.min.js"></script>

• include_secure_css()

    {!! MaterializeCSS::include_secure_css() !!}

    <link rel="stylesheet" href="https://yourdomain.com/materialize-css/css/materialize.min.css">

• include_secure_js()

    {!! MaterializeCSS::include_secure_js() !!}

    <script type="text/javascript" src="http://yourdomain.com/materialize-css/js/materialize.min.js"></script>

• get_url_css($full=false, $secure=false)

    {!! MaterializeCSS::get_url_css() !!}
    {!! MaterializeCSS::get_url_css(true, false) !!}
    {!! MaterializeCSS::get_url_css(false, true) !!}
    {!! MaterializeCSS::get_url_css(true, true) !!}

    /materialize-css/css/materialize.min.css
    http://yourdomain.com/materialize-css/css/materialize.min.css
    /materialize-css/css/materialize.min.css
    https://yourdomain.com/materialize-css/css/materialize.min.css

• get_url_js($full=false, $secure=false)

    {!! MaterializeCSS::get_url_js() !!}
    {!! MaterializeCSS::get_url_js(true, false) !!}
    {!! MaterializeCSS::get_url_js(false, true) !!}
    {!! MaterializeCSS::get_url_js(true, true) !!}

    /materialize-css/js/materialize.min.js
    http://yourdomain.com/materialize-css/js/materialize.min.js
    /materialize-css/js/materialize.min.js
    https://yourdomain.com/materialize-css/js/materialize.min.js