switch-theme.blade.php 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <style>
  2. .color-block {
  3. width: 100px;
  4. height: 20px;
  5. background: #5c6bc6;
  6. display: inline-block;
  7. border-radius: .1rem;
  8. color: white;
  9. font-size: 13px;
  10. text-align: center;
  11. line-height: 20px;
  12. }
  13. .block-sm {
  14. width: 40px;
  15. }
  16. </style>
  17. <ul class="nav navbar-nav">
  18. <li class="dropdown dropdown-language nav-item">
  19. <a class="dropdown-toggle nav-link" href="#" id="dropdown-color" data-toggle="dropdown">
  20. <span class="color-block" style="background: {{ $map[request()->get('_color_')] ?? \Dcat\Admin\Admin::color()->indigo() }}">
  21. 主题
  22. </span>
  23. </a>
  24. <ul class="dropdown-menu" aria-labelledby="dropdown-color">
  25. <li class="dropdown-item" href="#" data-language="en">
  26. <a class="switch-color" data-value="indigo">
  27. <span class="color-block" style="background: {{ \Dcat\Admin\Admin::color()->indigo() }}">indigo</span>
  28. </a>
  29. </li>
  30. <li class="dropdown-item" href="#" data-language="fr">
  31. <a class="switch-color" data-value="blue">
  32. <span class="color-block" style="background: #5686d4">blue</span>
  33. </a>
  34. </li>
  35. <lia class="dropdown-item" href="#" data-language="de">
  36. <a class="switch-color" data-value="blue-dark">
  37. <span class="color-block" style="background: #5686d4">
  38. blue-dark
  39. </span>
  40. </a>
  41. </lia>
  42. </ul>
  43. </li>
  44. </ul>
  45. <script>
  46. Dcat.ready(function () {
  47. $('.switch-color').click(function (e) {
  48. window.location.href = '{{ admin_url('/') }}?_color_='+$(this).data('value');
  49. })
  50. });
  51. </script>