jucai/public/themes/default/views/mobile/app/ic/jinjiang.blade.php

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

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/index.css') }}" rel="stylesheet">
    <style>
        .img-box,.img-box img {display: block;width:100%;}
        .module-title .module-title-nav{
            display:block;
            float:left;
            color: #666666;
            text-align: center;
            height: .8rem;
            width: 25%;
            line-height: .8rem;
            text-decoration: none;
        }
        .module-title-content {background: white;padding:10px;width: 100%;box-sizing: border-box;}
    </style>
@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.ic.index')}}"></div>
            </div>
        </div>
    </div>
    
    <div class="img-box">
        <img src="/themes/default/assets/mobile/images/health/jinjiang1.png" alt="">
        <img src="/themes/default/assets/mobile/images/health/jinjiang2.png" alt="">
        <img src="/themes/default/assets/mobile/images/health/jinjiang3.png" alt="">
        <img src="/themes/default/assets/mobile/images/health/jinjiang4.png" alt="">
        <img src="/themes/default/assets/mobile/images/health/jinjiang5.png" alt="">
        <img src="/themes/default/assets/mobile/images/health/jinjiang8.png" alt="">
        <img src="/themes/default/assets/mobile/images/health/jinjiang9.png" alt="">
        <img src="/themes/default/assets/mobile/images/health/jinjiang10.png" alt="">
        <img src="/themes/default/assets/mobile/images/health/jinjiang11.png" alt="">
        <img src="/themes/default/assets/mobile/images/health/jinjiang7.png" alt="">
    </div>
    <div class="module">
        <div class="module-title font14">
            <a href="javascript:;" class="module-title-nav font14 active f-left" data-name="commerce">商贸物流</a>
            <a href="javascript:;" class="module-title-nav font14 f-left" data-name="internet">互联网及信息</a>
            <a href="javascript:;" class="module-title-nav font14 f-left" data-name="finance">金融服务</a>
            <a href="javascript:;" class="module-title-nav font14 f-left" data-name="culture">文化旅游</a>
            <div class="clear"></div>
        </div>
        <div class="module-title-content" id="commerce">
            发展以海港、空港、陆港和出口加工区、高铁物流为龙头的现代物流服务业，拓展以物流信息和第三、第四方物流服务，完善“物流基地-分拨中心-配送中心”三位一体服务网络，巩固提升大宗货物海、陆、空、铁联运区域枢纽地位。
        </div>
        <div class="module-title-content" id="internet">
            培育“互联网+”、大数据、云计算、软件开发、网络安全、系统集成等网络信息服务业，加快信息经济与产业经济、社会事业融合发展。
        </div>
        <div class="module-title-content" id="finance">
            大力推进金融服务机制创新、产品创新、市场创新，拓展互联网金融、农地金融、科技金融等新型金融业态，推动金融业与实体经济融合发展。
        </div>
        <div class="module-title-content" id="culture">
            规划自然生态、人文古迹、特色产业等旅游资源，深度挖掘中原文化、闽越文化、海交文化等传统文化及近代战地文化、现代工业文明的丰富内涵，打造“海丝”沿线多元文化旅游目的地。
        </div>
    </div>
@endsection

@section('script')
    <script>
        $('.module-title-content').hide();
        $('#commerce').show();
        $('.module-title-nav').click(function(){
            const name = $(this).data('name');
            $('.module-title-content').hide();
            $('#'+name).show();
            $('.module-title-nav').removeClass('active');
            $(this).addClass('active');
        });
    </script>
@endsection