jucai/public/themes/default/views/mobile/app/health/recruit/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%;}

        .cate_img {width:90%;margin:10px auto;background: white;border-radius: 10px;overflow: hidden;}
        .cate_img img {width:100%;}
    </style>
    <link href="{{ theme_asset('app/css/swiper.min.css') }}" rel="stylesheet">
@endpush

@push('js')

@endpush

@section('content')
    {{--    头部--}}
    <div class="headernavfixed">
        <div class="headernav font18">
            <div class="title">
                <div class="n-tit-box">
                    招聘分类
                </div>
                <div class="return js-back for-event" data-href="{{route('mobile.health.index')}}"></div>
            </div>
        </div>
    </div>
    {{--    导航按钮--}}
    <div class="nav-list">
        <a href="{{route('mobile.health.recruit.list')}}?health_type=1" class="nav purple">高层次人才</a>
        <a href="{{route('mobile.health.recruit.list')}}?health_type=2" class="nav blue">紧缺急需</a>
        <a href="{{route('mobile.health.recruit.list')}}?health_type=3" class="nav red">统招</a>
        <a href="{{route('mobile.health.recruit.list')}}?health_type=4" class="nav yellow">编外</a>
    </div>
    <div class="cate_img">
        <a href="{{route('mobile.health.recruit.will')}}">
            <img src="/themes/default/assets/mobile/images/health/recruit_cate.png" alt="">
        </a>
    </div>

@endsection

@section('script')
@endsection