app.blade.php 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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. <link rel="icon" href="{{asset('icon/faviconc.ico')}}" type="image/x-icon"/>
  7. <!-- CSRF Token -->
  8. <meta name="csrf-token" content="{{ csrf_token() }}">
  9. <title>@yield('title') {{ config('app.name', '宝时WAS') }}</title>
  10. @yield('head')
  11. <!-- Styles -->
  12. <link href="{{ asset('css/app200519b.css') }}" rel="stylesheet">
  13. </head>
  14. <body>
  15. <div id="app">
  16. <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
  17. <div class="container-fluid">
  18. <a class="navbar-brand" href="{{ url('/') }}" title="宝时 Warehouse Assistance System" style="vertical-align: text-bottom">
  19. <img src="{{asset('icon/logo100b.png')}}" alt="宝时 Warehouse Assistance System" height="30" >
  20. </a>
  21. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
  22. <span class="navbar-toggler-icon"></span>
  23. </button>
  24. @component('layouts.menu')@endcomponent
  25. </div>
  26. </nav>
  27. @yield('content')
  28. <hr>
  29. </div>
  30. </body>
  31. <!-- Scripts -->
  32. @yield('script')
  33. {{-- 必须在app.js前边--}}
  34. <script src="{{ asset('js/app.js?202002111414') }}"></script>
  35. <script>
  36. let isActive=function (name,atSlashLevel) {
  37. let uriWithNoParam=location.href.split('?')[0];
  38. let uriParts=uriWithNoParam.split('//')[1].split('/');
  39. if(!name){
  40. return uriParts.length===atSlashLevel;
  41. }
  42. if(atSlashLevel>uriParts.length||!atSlashLevel)return false;
  43. return uriParts[atSlashLevel]===name;
  44. };
  45. new Vue({
  46. el:'#nav1',
  47. methods:{
  48. isActive:isActive,
  49. }
  50. });
  51. if($('#nav2').length>0)
  52. new Vue({
  53. el:'#nav2',
  54. methods:{
  55. isActive:isActive,
  56. }
  57. });
  58. </script>
  59. @yield('lastScript')
  60. </html>