jucai/public/themes/default/views/mobile/app/health/index.blade.php

@extends('mobile.module.layouts.health')
@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/index.css') }}" rel="stylesheet">
    <style>
        .swiper-container,.swiper-container img{
            width: 100%;
        }

        .nav-list {display:grid;grid-template-columns: 1fr 1fr;}
        .nav-list .nav {width:85%;margin:10px auto; padding:20px 0;text-align: center;border-radius: 10px;color:white;text-decoration: none;}
        .nav.purple {background: linear-gradient(135deg, #c850c0, #4158d0);}
        .nav.blue {background: linear-gradient(135deg, #a1c4fd, #c2e9fb);}
        .nav.red {background: linear-gradient(135deg, #ff9a9e, #fad0c4);}
        .nav.yellow {background: linear-gradient(135deg, #f6d365, #fda085);}
        .nav.green {background: linear-gradient(135deg, #a8e063, #56ab2f);}
        .nav.black {background: linear-gradient(135deg, #292a3a, #536976);}

        .module-title .module-title-nav {width: 100%;}
        #player-container-id{
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 宽高比 */
            position: relative;
            display: inline-block;

        }
        video {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
    <link href="{{ theme_asset('app/css/swiper.min.css') }}" rel="stylesheet">
    <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.min.css" rel="stylesheet"/>
@endpush

@push('js')

    <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.v5.1.0.min.js"></script>
@endpush

@section('content')
{{--    头部--}}
    <div class="headernavfixed">
        <div class="headernav font18">
            <div class="title">
                <div class="n-tit-box">
                    卫健局
                </div>
            </div>
        </div>
    </div>
{{--轮播图--}}
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <video id="player-container-id"  preload="auto" playsinline webkit-playsinline>
                </video>
            </div>
        </div>
    </div>
{{--    导航按钮--}}
    <div class="nav-list">
        <a href="{{route('mobile.health.jinjiang')}}" class="nav blue">认识晋江</a>
        <a href="{{route('mobile.health.hospital.index')}}" class="nav red">医院概况</a>
        <a href="{{route('mobile.health.recruit.index')}}" class="nav yellow">招聘列表</a>
        <a href="{{route('mobile.health.teach.index')}}" class="nav purple">宣讲会/招聘会报名</a>
        <a href="{{route('mobile.health.policy')}}" class="nav green">人才政策</a>
        <a href="https://lw_test.jinjianghc.com/mobile/jfm/policy1.html" class="nav black">人才服务</a>
    </div>

<!--新闻-->
<div class="module">
    <div class="module-title font14">
        <a href="javascript:;" class="module-title-nav font14 active f-left" id="emer">引才动态</a>
        <div class="clear"></div>
    </div>
    <div class="mobile_index_news" id="emergency">
        <ul>
            <li>
                <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>
                <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>
                <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>
                <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>
                <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>
            </li>
        <div onclick="window.location='{{route("mobile.health.attract.index")}}';" style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">查看更多</div>
        </ul>
    </div>
</div>
<!--新闻 end-->
@endsection

@section('script')
{{--    <script type="text/javascript" src="{{theme_asset('app/js/swiper.min.js')}}"></script>--}}
    <script>
        var player = TCPlayer('player-container-id', {
            sources: [{
                src: '{{ theme_asset('mobile/0e93030f7d1d74f6d738bbbd4511e2a6.mp4') }}', // 播放地址
            }],
            licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1251164517_1/v_cube.license', // license 地址，参考准备工作部分，在视立方控制台申请 license 后可获得 licenseUrl

        });
        //    初始化SWiper
        // var mySwiper = new Swiper('.swiper-container',{
        //     autoplay:3000,
        // });
    </script>
@endsection