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

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

@endpush

@push('css')
<link href="{{ theme_asset('mobile/css/common.css') }}" rel="stylesheet">
<link href="{{ theme_asset('mobile/css/news.css') }}" rel="stylesheet">

<style>
    .drop_content{padding-bottom: 1rem;}
    .fixed_btn{width: 90%;position: fixed;bottom: 0;left: 50%; -webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
</style>

@endpush

@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush

@section('content')
    <audio id="mp3" src="{{ theme_asset('mobile/mp3/recuperate.mp3') }}" autoplay style="display:none;"></audio>
    <div class="news-list-item for-event" onclick="window.location='{{route('mobile.recuperate.project')}}'">
        <div class="news-info">
            <div class="info" style="width:100%;">
                <div class="line-three font12" style="height:auto;text-indent:2em;">
                    为全面贯彻泉州人才“港湾计划”，根据《晋江市优秀人才认定管理和享受相关工作生活待遇规定》：“从人才津贴总额中计提20%作为人才发展津贴，用于人才健康体检、休假疗养、红色教育、双亲养老等”，拟从2021年4月起至11月组织多批晋江优秀人才疗休养活动，人才可根据以下方案，结合自身津贴额度、时间安排等实际，选择参与疗休养活动。<span style="color:#ff0000;">详情请点击>>></span>
                </div>
                <div class="line-two font12 substring">
                    <div class="pic time" style="float:right;padding-right:0;">2021-05-20</div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="drop_content">
        <div class="add_data">
            <div class="list-split-block"></div>
            @include('mobile.app.recuperate.ajax_recuperate_list')
        </div>
    </div>

@endsection

@section('script')
    <script>
        function audioAutoPlay (id) {
            var audio=document.getElementById(id);
            audio.play();
            document.addEventListener("WeixinJSBridgeReady",function() {
                audio.play();
            },false);
            document.addEventListener("YixinJSBridgeReady",function() {
                audio.play();
            },false);
        }
        audioAutoPlay("mp3");//xxx是你audio标签的id

        $(function(){
            // 页数
            var page = 1;
            // dropload
            $('.drop_content').dropload({
                scrollArea : window,
                domUp : {
                    domClass   : 'dropload-up',
                    domRefresh : '<div class="dropload-refresh">加载中...</div>',
                    domUpdate  : '<div class="dropload-update">加载中...</div>',
                    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
                },
                domDown : {
                    domClass   : 'dropload-down',
                    domRefresh : '<div class="dropload-refresh">加载中...</div>',
                    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
                    domNoData  : '<div class="dropload-noData">没有更多数据~~</div>'
                },
                //autoLoad        : '{{--{{$mobile_dropload}}--}}',
                /*autoLoad        : false,*/
                loadUpFn : function(me){
                    page = 1;
                    $.ajax({
                        type: 'GET',
                        url: '{{ url($current_url) }}?page='+page,
                        dataType: 'json',
                        success: function(result){
                            if (result.status ==1) {
                                $('.add_data').html(result.data);
                            } else {
                                me.lock();
                                me.noData();
                            }
                            me.resetload();
                        },
                        error: function(xhr, type){
                            me.resetload();
                        }
                    });
                },
                @if($mobile_dropload)
                loadDownFn : function(me){
                    page++;
                    $.ajax({
                        type: 'GET',
                        url: '{{ url($current_url) }}?page='+page,
                        dataType: 'json',
                        success: function(result){
                            if (result.status ==1) {
                                $('.add_data').append(result.data);
                            } else {
                                me.lock();
                                me.noData();
                            }
                            me.resetload();
                        },
                        error: function(xhr, type){
                            me.resetload();
                        }
                    });
                },
                @endif
                threshold : 50
            });
        });
    </script>
@endsection