empty-state.blade.php 996 B

1234567891011121314151617181920212223242526272829303132333435
  1. {{-- resources/views/components/ui/empty-state.blade.php
  2. 通用空状态组件。
  3. Props:
  4. $title — 标题文字
  5. $desc — 描述文字(支持 HTML,可选)
  6. $icon — 自定义图标 slot(可选,默认搜索图标)
  7. --}}
  8. @props([
  9. 'title' => '未找到相关内容',
  10. 'desc' => '',
  11. ])
  12. <div class="wiki-empty-state">
  13. <div class="wiki-empty-icon">
  14. {{ $icon ?? '' }}
  15. @unless($icon ?? false)
  16. <svg width="32" height="32" viewBox="0 0 24 24" fill="none"
  17. stroke="currentColor" stroke-width="1.5">
  18. <circle cx="11" cy="11" r="8" />
  19. <path d="M21 21l-4.35-4.35" stroke-linecap="round" />
  20. <path d="M8 11h6M11 8v6" stroke-linecap="round" />
  21. </svg>
  22. @endunless
  23. </div>
  24. <div class="wiki-empty-title">{{ $title }}</div>
  25. @if ($desc)
  26. <div class="wiki-empty-desc">{!! $desc !!}</div>
  27. @endif
  28. @isset($slot)
  29. {{ $slot }}
  30. @endisset
  31. </div>