:::

15-1 修改前台視圖

  1. 由於改用了 Laravel Mix,所以,我們開啟\專案\resources\views\layouts\app.blade.php視圖來修改一下:
    <!DOCTYPE html>
    <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    
        <!-- CSRF Token -->
        <meta name="csrf-token" content="{{ csrf_token() }}">
    
        <title>@yield('title') {{ config('app.name', 'Laravel') }}</title>
    
        <!-- Styles -->
        <link href="{{ mix('css/app.css') }}" rel="stylesheet">
    </head>
    <body>
        <div id="app">
            @include('layouts.nav')
            <main class="py-4">
                <div class="container">
                    @yield('content')
                </div>
            </main>
        </div>
        <script src="{{ mix('js/app.js') }}"></script>
        @yield('scriptsAfterJs')
    </body>
    </html>
    

     

  2. 我們拿掉了一些用不到的字型(font)設定 ,然後將13和24行改用mix()來引入資源
  3. 並於25行加入一個自訂的scriptsAfterJs變數,以便其他視圖可以塞進需要的JavaScript語法

到GitHub觀看此單元程式異動


:::

書籍目錄

展開 | 闔起

快速登入


http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbdsn%3D1439%26tbsn%3D43

計數器

今天: 428428428
昨天: 8625862586258625
總計: 8031035803103580310358031035803103580310358031035