notice.blade.php 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <style type="text/css">
  2. .big_body{
  3. display: flex;
  4. justify-content: center;
  5. background-color: #D7D7D7;
  6. }
  7. .big_div {
  8. width: 98%;
  9. display: block;
  10. margin-top: 20px;
  11. border: 1px solid #E4E4E4;
  12. box-shadow: 0 26rpx 40rpx 0 rgba(255, 255, 255, 0.31);
  13. background-color: #FFF;
  14. padding: 50px;
  15. }
  16. .title_div{
  17. display: flex;
  18. justify-content: space-between;
  19. /* 用下外边距和信息内容分开*/
  20. margin-bottom: 30px;
  21. }
  22. /* 标题*/
  23. .title{
  24. font-size: 30px;
  25. display: flex;
  26. align-items: flex-end;
  27. }
  28. /* 信息*/
  29. .inf_div{
  30. padding: 20px;
  31. display: flex;
  32. justify-content: space-around;
  33. }
  34. /* 一条信息 包括icon和文字*/
  35. .inf{
  36. width: 50%;
  37. height: 100px;
  38. display: flex;
  39. align-content: center;
  40. }
  41. /* icon*/
  42. .inf_icon{
  43. height: 80px;
  44. width: 80px;
  45. margin-right: 100px;
  46. border-radius: 50%;
  47. border: 0.5px solid #000000;
  48. }
  49. .inf_text{
  50. /* 两边加边距*/
  51. margin-left: 50px;
  52. margin-right: 50px;
  53. }
  54. .inf_text_num{
  55. width: auto;
  56. text-align: center;
  57. margin-bottom: 5px;
  58. font-size: 38px;
  59. }
  60. .inf_text_ms{
  61. }
  62. </style>
  63. @foreach($notice as $val)
  64. <div class="big_div">
  65. <!-- 标题和时间-->
  66. <div class="title_div">
  67. <div class="title">
  68. <div style="margin-right: 20px;">{{$val->title}}</div>
  69. {{-- <div style="font-size: 18px;text">通知类型</div>--}}
  70. </div>
  71. <div class="tiem">{{date('Y年m月d日 H:i:s',strtotime($val->created_at))}}</div>
  72. </div>
  73. <div>{{$val->content}}</div>
  74. </div>
  75. @endforeach