layout.blade.php 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <!-- CSRF Token -->
  7. <meta name="csrf-token" content="{{ csrf_token() }}">
  8. <title>盲收神器</title>
  9. <!-- Styles -->
  10. <link rel="shortcut icon" href="{{asset('icon/WcsIcon_blindPack.ico')}}" />
  11. <link rel="bookmark" href="{{asset('icon/WcsIcon_blindPack.ico')}}" />
  12. <link href="{{ mix('css/app.css') }}" rel="stylesheet">
  13. </head>
  14. <body>
  15. <div id="app">
  16. <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm" id="nav1">
  17. <div class="container">
  18. <span class="navbar-brand">
  19. 盲收神器
  20. </span>
  21. </div>
  22. </nav>
  23. @yield('content')
  24. </div>
  25. </body>
  26. <!-- Scripts -->
  27. @yield('script_before')
  28. {{-- 必须在app.js前边--}}
  29. <script src="{{ mix('js/app.js') }}"></script>
  30. <script>
  31. let isActive=function (name,atSlashLevel) {
  32. let uriWithNoParam=location.href.split('?')[0];
  33. let uriParts=uriWithNoParam.split('//')[1].split('/');
  34. if(!name){
  35. return uriParts.length===atSlashLevel;
  36. }
  37. if(atSlashLevel>uriParts.length||!atSlashLevel)return false;
  38. return uriParts[atSlashLevel]===name;
  39. };
  40. new Vue({
  41. el:'#nav1',
  42. methods:{
  43. isActive:isActive,
  44. }
  45. });
  46. if($('#nav2').length>0)
  47. new Vue({
  48. el:'#nav2',
  49. methods:{
  50. isActive:isActive,
  51. }
  52. });
  53. </script>
  54. @yield('script_after')
  55. </html>