index.blade.php 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. @extends('mobile.module.layouts.health')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link href="{{ theme_asset('mobile/css/index.css') }}" rel="stylesheet">
  6. <style>
  7. .swiper-container,.swiper-container img{
  8. width: 100%;
  9. }
  10. .nav-list {display:grid;grid-template-columns: 1fr 1fr;}
  11. .nav-list .nav {width:85%;margin:10px auto; padding:20px 0;text-align: center;border-radius: 10px;color:white;text-decoration: none;}
  12. .nav.purple {background: linear-gradient(135deg, #c850c0, #4158d0);}
  13. .nav.blue {background: linear-gradient(135deg, #a1c4fd, #c2e9fb);}
  14. .nav.red {background: linear-gradient(135deg, #ff9a9e, #fad0c4);}
  15. .nav.yellow {background: linear-gradient(135deg, #f6d365, #fda085);}
  16. .nav.green {background: linear-gradient(135deg, #a8e063, #56ab2f);}
  17. .nav.black {background: linear-gradient(135deg, #292a3a, #536976);}
  18. .module-title .module-title-nav {width: 100%;}
  19. </style>
  20. <link href="{{ theme_asset('app/css/swiper.min.css') }}" rel="stylesheet">
  21. @endpush
  22. @push('js')
  23. @endpush
  24. @section('content')
  25. {{-- 头部--}}
  26. <div class="headernavfixed">
  27. <div class="headernav font18">
  28. <div class="title">
  29. <div class="n-tit-box">
  30. 卫健局
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. {{--轮播图--}}
  36. <div class="swiper-container">
  37. <div class="swiper-wrapper">
  38. <div class="swiper-slide">
  39. <img src="{{ theme_asset('mobile/images/index/trade_center.jpg') }}" />
  40. </div>
  41. <div class="swiper-slide">
  42. <img src="{{ theme_asset('mobile/images/recuperate/index_recuperate.jpg') }}" />
  43. </div>
  44. <div class="swiper-slide">
  45. <img src="{{ theme_asset('mobile/images/index/spring_2024.png') }}" />
  46. </div>
  47. </div>
  48. </div>
  49. {{-- 导航按钮--}}
  50. <div class="nav-list">
  51. <a href="{{route('mobile.health.jinjiang')}}" class="nav blue">认识晋江</a>
  52. <a href="{{route('mobile.health.hospital.index')}}" class="nav red">医院概况</a>
  53. <a href="{{route('mobile.health.recruit.index')}}" class="nav yellow">招聘列表</a>
  54. <a href="{{route('mobile.health.teach.index')}}" class="nav purple">宣讲会/招聘会报名</a>
  55. <a href="https://rcmap.jucai.gov.cn/mobile/pages/policy/search" class="nav green">人才政策</a>
  56. <a href="https://lw_test.jinjianghc.com/mobile/jfm/policy1.html" class="nav black">人才服务</a>
  57. </div>
  58. <!--新闻-->
  59. <div class="module">
  60. <div class="module-title font14">
  61. <a href="javascript:;" class="module-title-nav font14 active f-left" id="emer">引才动态</a>
  62. <div class="clear"></div>
  63. </div>
  64. <div class="mobile_index_news" id="emergency">
  65. <ul>
  66. <li>
  67. <a href="{{route("mobile.health.attract.show")}}" rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str("晋江市加快集聚高校毕业生来(留)晋创业就业的若干措施", 15, 0, '...')}}<span class="jc_rt">2024-10-18</span></a>
  68. <a href="{{route("mobile.health.attract.show")}}" rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str("晋江市关于支持泉州(晋江)人力资源服务产业园发展的若干措施", 15, 0, '...')}}<span class="jc_rt">2024-10-15</span></a>
  69. <a href="{{route("mobile.health.attract.show")}}" rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str("关于落实支持柔性引才有关事项工作的通知", 15, 0, '...')}}<span class="jc_rt">2024-10-08</span></a>
  70. <a href="{{route("mobile.health.attract.show")}}" rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str("关于开展 “涌泉”行动集聚各类人才 在泉创业就业的若干措施", 15, 0, '...')}}<span class="jc_rt">2024-09-20</span></a>
  71. <a href="{{route("mobile.health.attract.show")}}" rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str("福建省高层次人才认定申报手册", 15, 0, '...')}}<span class="jc_rt">2024-09-01</span></a>
  72. </li>
  73. <div onclick="window.location='{{route("mobile.health.attract.index")}}';" style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">查看更多</div>
  74. </ul>
  75. </div>
  76. </div>
  77. <!--新闻 end-->
  78. @endsection
  79. @section('script')
  80. <script type="text/javascript" src="{{theme_asset('app/js/swiper.min.js')}}"></script>
  81. <script>
  82. // 初始化SWiper
  83. var mySwiper = new Swiper('.swiper-container',{
  84. autoplay:3000,
  85. });
  86. </script>
  87. @endsection