ModalInfo.razor 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <div class="modal fadein" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
  2. <div class="modal-container">
  3. <div class="modal__body">
  4. <div class="modal__body__header">
  5. <div class="modal__body__header__info">
  6. <img src="img/user.svg" alt="">
  7. <p>@Title</p>
  8. </div>
  9. </div>
  10. <div class="modal__body__container modal__body__container_noflex">
  11. <div class="modal__404__text__box">
  12. @Body
  13. <p class="modal__404__text">
  14. @((MarkupString)message)
  15. </p>
  16. </div>
  17. </div>
  18. </div>
  19. <a class="modal_close" style="cursor:pointer" @onclick="@Close">&#10006;</a>
  20. </div>
  21. </div>
  22. @code {
  23. [Inject]
  24. public IJSRuntime JsRuntime { get; set; }
  25. [Parameter]
  26. public RenderFragment Title { get; set; }
  27. [Parameter]
  28. public RenderFragment Body { get; set; }
  29. private string modalDisplay = "none;";
  30. private string modalClass = "";
  31. private string message = "";
  32. public void Open(string message = "")
  33. {
  34. JsRuntime.InvokeVoidAsync("BodyScroll", false);
  35. modalDisplay = "block;";
  36. this.message = message;
  37. }
  38. public void Close()
  39. {
  40. JsRuntime.InvokeVoidAsync("BodyScroll", true);
  41. modalDisplay = "none";
  42. }
  43. }