调整上传图片

app/Admin/Controllers/Advert/IndexController.php

@@ -43,6 +43,7 @@ class IndexController extends AdminController
 
     /**
      * Make a form builder.
+     *
      * @return Form
      */
     protected function form()
@@ -59,13 +60,7 @@ class IndexController extends AdminController
                 'min'      => '必须选择所属分类',
             ]);
         $form->image('cover', '封面图片')
-            ->rules(function ($form) {
-                if ($form->model()->cover != []) {
-                    return 'nullable|image';
-                } else {
-                    return 'required';
-                }
-            })
+            ->rules('image|mimes:jpeg,jpg,png')
             ->move('images/'.date('Y/m/d'))
             ->removable()
             ->uniqueName();

app/Admin/Controllers/Article/ArticleController.php

@@ -59,6 +59,7 @@ class ArticleController extends AdminController
         $form->text('keywords', '关键词')->rules('nullable');
         $form->textarea('description', '内容简介')->rules('max:350');
         $form->image('cover', '封面')
+            ->rules('image|mimes:jpeg,jpg,png')
             ->move('images/'.date('Y/m/d'))
             ->removable()
             ->uniqueName();

app/Admin/Controllers/Article/PictureController.php

@@ -58,6 +58,7 @@ class PictureController extends AdminController
                 'min'      => '必须选择所属分类',
             ]);
         $form->multipleImage('pictures', '封面')
+            ->rules('image|mimes:jpeg,jpg,png')
             ->move('images/'.date('Y/m/d'))
             ->removable()
             ->uniqueName();

app/Admin/Controllers/Category/IndexController.php

@@ -20,6 +20,7 @@ class IndexController extends AdminController
 
     /**
      * Index interface.
+     *
      * @return \Closure
      */
     public function grid()
@@ -33,8 +34,7 @@ class IndexController extends AdminController
                 $form->select('parent_id', '上级分类')
                     ->options(Category::selectOptions(function ($model) {
                         return $model->where('status', 1);
-                    }, '一级分类'))
-                ;
+                    }, '一级分类'));
                 $form->text('title', '分类名称')->rules('required');
                 $form->select('type', '分类类型')
                     ->options(Category::TYPES)
@@ -52,6 +52,7 @@ class IndexController extends AdminController
                 $form->text('keywords', '关键词')->rules('nullable');
 
                 $form->image('cover', 'Logo')
+                    ->rules('image|mimes:jpeg,jpg,png')
                     ->move('images/'.date('Y/m/d'))
                     ->removable()
                     ->uniqueName();
@@ -91,6 +92,7 @@ class IndexController extends AdminController
 
     /**
      * Make a form builder.
+     *
      * @return Form
      */
     protected function form()
@@ -115,6 +117,7 @@ class IndexController extends AdminController
         $form->textarea('description', '分类简介')->rows(4)->rules('nullable');
         $form->text('keywords', '关键词')->rules('nullable');
         $form->image('cover', 'Logo')
+            ->rules('image|mimes:jpeg,jpg,png')
             ->move('images/'.date('Y/m/d'))
             ->removable()
             ->uniqueName();

app/Models/ArticlePicture.php

@@ -7,6 +7,7 @@ use Illuminate\Support\Facades\Storage;
 
 class ArticlePicture extends Model
 {
+
     use BelongsToCategory;
 
     public function setPicturesAttribute($pictures)
@@ -27,7 +28,11 @@ class ArticlePicture extends Model
         if (empty($cover)) {
             return '';
         } else {
-            return Storage::disk('public')->url($cover[0]);
+            foreach ($cover as $item) {
+                return Storage::disk('public')->url($item);
+            }
+
         }
     }
+
 }

public/assets/index/js/plugin.js

@@ -0,0 +1,179 @@
+$('[data-href]').on('click', function(event) {
+    event.preventDefault();
+    if ($(this).hasClass('ajax-get') || $(this).hasClass('ajax-post')) {
+        return;
+    }
+    location.href = $(this).data('href');
+});
+
+// ajax GET 请求
+$('body').on('click', '.ajax-get', function(event) {
+    event.preventDefault();
+    if ($(this).hasClass('disabled') || $(this).attr('disabled')) {
+        return false;
+    };
+    var $this   = $(this);
+    var $tips   = $this.attr('tip') || '确认要执行该操作吗?';
+    var $target = $this.data('href') || $this.attr('href') || $this.attr('url') || $this.data('url');
+
+    if ($this.hasClass('confirm')) {
+        if(!confirm($tips)){
+            return false;
+        }
+    }
+    $.ajax({
+        type: "GET",
+        url: $target,
+        success: function(data){
+            if(data.code==1){
+                updateAlert(data.msg, data.error, function() {
+                    if ($this.hasClass('no-refresh')) {
+                    } else if (data.url == null) {
+                        location.reload();
+                    } else if (data.url) {
+                        location.href = data.url + '?_=' + (new Date()).getTime();
+                    } else {
+                        location.reload();
+                    }
+                });
+            } else {
+                updateAlert(data.msg);
+            }
+        },
+        error: function(error){
+            if (error.responseJSON.message) {
+                updateAlert(error.responseJSON.message, 'warning');
+            } else {
+                updateAlert('发生未知错误', 'warning');
+            }
+        }
+    });
+});
+
+// ajax POST 请求
+$('body').on('click', '.ajax-post', function(event) {
+    if ($(this).hasClass('disabled') || $(this).attr('disabled')) {
+        return false;
+    };
+
+    event.preventDefault();
+    var $this   = $(this);
+    var $form   = $this.parents('form');
+    var $tips   = $this.attr('tip') || '确认要执行该操作吗?';
+    var $action = $form.attr("action");
+    if ($this.hasClass('confirm')) {
+        if(!confirm($tips)){
+            return false;
+        }
+    }
+    $this.attr('disabled', 'disabled');
+    var query = $form.serialize();
+
+    $.ajax({
+        type: "POST",
+        url: $action,
+        data: query,
+        success: function(data) {
+            if (data.code == 0) {
+                updateAlert(data.msg);
+                $this.removeAttr('disabled');
+            } else {
+                updateAlert(data.msg, data.error, function() {
+                    if (data.url) {
+                        location.href = data.url + '?_=' + (new Date()).getTime();
+                    } else if (data.url == null) {
+                        location.reload();
+                    } else {
+                        location.reload();
+                    }
+                });
+            }
+        },
+        error: function(error) {
+            $this.removeAttr('disabled');
+            if (error.responseJSON.errors) {
+                var err = '';
+                $.each(error.responseJSON.errors, function(i, n) {
+                    // err += n + "\r\n";
+                    updateAlert(n[0], 'warning');
+                    return false;
+                })
+                // updateAlert(err, 'warning');
+            } else if (error.responseJSON.message) {
+                updateAlert(error.responseJSON.message, 'warning');
+            } else {
+                updateAlert('发生未知错误', 'warning');
+            }
+        }
+    });
+});
+
+$('body').on('click', '.ajax-post-confirm', function(event) {
+    if ($(this).hasClass('disabled') || $(this).attr('disabled')) {
+        return false;
+    };
+
+    event.preventDefault();
+    var $this   = $(this);
+    var $form   = $this.parents('form');
+    var $action = $form.attr("action");
+    var $tips   = $this.attr('tip') || '确认要执行该操作吗?';
+    var query = $form.serialize();
+    $this.attr('disabled', 'disabled');
+    layer.open({
+        content: $tips
+        ,btn: ['确定', '取消']
+        ,yes: function(index){
+            $.ajax({
+                type: "POST",
+                url: $action,
+                data: query,
+                success: function(data) {
+                    if (data.code == 0) {
+                        updateAlert(data.msg);
+                        $this.removeAttr('disabled');
+                    } else {
+                        updateAlert(data.msg, data.error, function() {
+                            if (data.url) {
+                                location.href = data.url + '?_=' + (new Date()).getTime();
+                            } else if (data.url == null) {
+                                location.reload();
+                            } else {
+                                location.reload();
+                            }
+                        });
+                    }
+                },
+                error: function(error) {
+                    $this.removeAttr('disabled');
+                    if (error.responseJSON.errors) {
+                        var err = '';
+                        $.each(error.responseJSON.errors, function(i, n) {
+                            // err += n + "\r\n";
+                            updateAlert(n[0], 'warning');
+                            return false;
+                        })
+                        // updateAlert(err, 'warning');
+                    } else if (error.responseJSON.message) {
+                        updateAlert(error.responseJSON.message, 'warning');
+                    } else {
+                        updateAlert('发生未知错误', 'warning');
+                    }
+                }
+            });
+            layer.close(index);
+        }
+    });
+});
+
+window.updateAlert = function(text, type, callback) {
+    layer.open({
+        content: text
+        ,time: 1
+    });
+    if (typeof callback == "function") {
+        setTimeout(function() {
+            callback();
+        }, 1500)
+    }
+}

resources/views/articles/index.blade.php

@@ -1,49 +1,37 @@
 @extends('layouts.app')
 
 @section('title', '')
-@section('keywords', $category->keywords)
-@section('description', $category->description)
 
-@section('css')
-<style type="text/css">
-  .noImg .newsl{
-          display: none;
-        }
-        .noImg .newsr{
-          width: 100% !important;
-        }
-</style>
-@endsection
 @section('content')
-<div class="mabody">
-<div class="mainWarp">
-  @include('layouts.left')
-    <div class="mainRight">
-    <div class="brandnavbox">
-       <p class="ccsl">{{ $category->title }}</p>
-       <div class="con ccsl">首页 > {{ $category->title }} ></div>
+<div class="n_ban" style="background:url({{ asset('assets/index/images/n_ban3.jpg') }}) no-repeat center;"></div>
+<div class="neiye">
+  <div class="con">
+    <div class="ny_bt">
+      <h3>{{ $category->title }}</h3>
+      <span><i></i></span>
+      <p>News information</p>
     </div>
-    <ul class="listul">
+    <div class="dogntailb">
+      <ul>
         @foreach($articles as $article)
-      <li @if(empty($article->cover)) class="noImg" @endif>
-        <div class="newsl">
-          <a href="{{ route('article.show', $article) }}"><img src="{{ \Storage::disk('public')->url($article->cover) }}" /></a>
-        </div>
-        <div class="newsr">
-          <a href="{{ route('article.show', $article) }}" class="ccsl">{{ $article->title }}</a>
-          <hr>
-          <div class="sub">{{ $article->description }}</div>
-          {{-- <a href="{{ route('article.show', $article) }}" class="more">查看更多>> </a> --}}
-          <span style="margin-top: 10px;display: block; color: #999; font-size: 14px;">{{ $article->created_at }}</span>
+        <li @if(empty($article->cover)) class="displaynone" @endif>
+          <i>
+            <a href="{{ route('article.show', $article) }}"><img src="{{ \Storage::disk('public')->url($article->cover) }}" width="236" height="150" /></a>
+          </i>
+          <div class="dtzi">
+            <h3><a href="{{ route('article.show', $article) }}">{{ $article->title }}</a></h3><em>{{ $article->created_at->format('Y-m-d') }}</em>
+            <div class="clear"></div>
+            <p>
+              {{ $article->description }}
+            </p><span><a href="{{ route('article.show', $article) }}">了解更多</a></span>
           </div>
         </li>
         @endforeach
       </ul>
-    <div class="clear"></div>
+    </div>
+    <div class="fenye">
       {{ $articles->links() }}
     </div>
-  <div class="clear"></div>
   </div>
 </div>
-<div class="clear"></div>
 @endsection

resources/views/articles/show.blade.php

@@ -1,31 +1,49 @@
 @extends('layouts.app')
 
-@section('title', '详情')
+@section('title', $article->title)
 
-@section('keywords', $article->keywords)
-@section('description', $article->description)
 
 @section('content')
-<div class="mabody">
-<div class="mainWarp">
-  @include('layouts.left')
-  <div class="mainRight">
-    <div class="brandnavbox">
-       <p class="ccsl">{{ $article->category->title }}</p>
-       <div class="con ccsl">首页 > {{ $article->category->title }} ></div>
-    </div>
-    <div class="detailbox">
-      <div class="xq">
-        <h1>{{ $article->title }}</h1>
-        <div class="date">发布时间：{{ $article->created_at->format('Y-m-d') }}</div>
-        <div class="con">
+    <!-- 详情 -->
+    <div class="details">
+        <div class="contant">
+            {{--            <div class="page-left">--}}
+            {{--                <div class="pagelist">--}}
+            {{--                    <h1>{{ $parent->title }}</h1>--}}
+            {{--                    <ul class="listbox">--}}
+            {{--                        @if ($parent->children->isNotEmpty())--}}
+            {{--                            @foreach ($parent->children as $children)--}}
+            {{--                                <li @if($category->id==$children->id) class="active" @endif>--}}
+            {{--                                    <a href="{{ $children->link }}">{{ $children->title }}</a>--}}
+            {{--                                </li>--}}
+            {{--                            @endforeach--}}
+            {{--                        @endif--}}
+            {{--                    </ul>--}}
+            {{--                </div>--}}
+            {{--            </div>--}}
+            {{--            <div class="page-right">--}}
+            {{--                <div class="pagelujing">--}}
+            {{--                    <div class="name">{{ $category->title }}</div>--}}
+            {{--                    <span>--}}
+            {{--                        您当前所在位置：<a href="/">首页</a>--}}
+            {{--                        @if ($category->id!=$parent->id)--}}
+            {{--                            &gt; <a href="{{ $parent->link }}">{{ $parent->title }}</a> &gt;--}}
+            {{--                        @endif--}}
+            {{--                        &gt; <a href="{{ $category->link }}">{{ $category->title }}</a>--}}
+            {{--                    </span>--}}
+            {{--                </div>--}}
+            <div class="news-txt ny mg-t-b">
+                <div class="biaoti">{{ $article->title }}</div>
+                <div class="sshuomign"><span>发布时间：{{ $article->created_at->format('Y-m-d') }}</span></div>
+                <div class="article_txt">
+                    {{--                        @if ($article->cover)--}}
+                    {{--                            <img src="{{ $article->cover_path }}">--}}
+                    {{--                        @endif--}}
                     {!! $article->content !!}
                 </div>
             </div>
         </div>
+        {{--    </div>--}}
     </div>
-  <div class="clear"></div>
-</div>
-</div>
-<div class="clear"></div>
+    <!-- end 详情 -->
 @endsection

resources/views/category/list.blade.php

@@ -0,0 +1,63 @@
+@extends('layouts.app')
+
+@section('title', $category->title)
+
+@section('content')
+    <!-- 详情 -->
+    <div class="details">
+        <div class="contant">
+            <div class="page-left">
+                <div class="pagelist">
+                    <h1>{{ $parent->title }}</h1>
+                    <ul class="listbox">
+                        @if ($parent->children->isNotEmpty())
+                            @foreach ($parent->children as $children)
+                                <li @if($category->id==$children->id) class="active" @endif>
+                                    <a href="{{ $children->link }}">{{ $children->title }}</a>
+                                </li>
+                            @endforeach
+                        @endif
+                    </ul>
+                </div>
+            </div>
+            <div class="page-right">
+                <div class="pagelujing">
+                    <div class="name">{{ $category->title }}</div>
+                    <span>
+                        您当前所在位置：<a href="/">首页</a> &gt;
+                        @if ($category->id!=$parent->id)
+                            <a href="{{ $parent->link }}">{{ $parent->title }}</a> &gt;
+                        @endif
+                        <a href="{{ $category->link }}">{{ $category->title }}</a>
+                    </span>
+                </div>
+                <div class="news-txt ny mg-t-b">
+                    <div class="news-con">
+                        <ul class="leaderslist ny">
+                            @if ($articles->isNotEmpty())
+                                @foreach ($articles as $article)
+                                    <li style="background-image: url({{ $article->cover_path }});">
+                                        <a href="{{ $article->link }}">
+                                            <div class="name"> {{ $article->title }} </div>
+                                            @if ($article->subjoin)
+                                                @foreach ($article->subjoin as $item)
+                                                    <div>{{ $item }}</div>
+                                                @endforeach
+                                            @endif
+                                        </a>
+                                    </li>
+                                @endforeach
+                            @endif
+                        </ul>
+                        <div class="tcdPageCode">
+                            @if ($articles->isNotEmpty())
+                                {{ $articles->links('layouts.pagination') }}
+                            @endif
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- end 详情 -->
+@endsection

resources/views/category/show.blade.php

@@ -0,0 +1,56 @@
+@extends('layouts.app')
+
+@section('title', $category->title)
+
+@section('content')
+    <!-- 详情 -->
+    <div class="details">
+        <div class="contant">
+            <div class="page-left">
+                <div class="pagelist">
+                    <h1>{{ $parent->title }}</h1>
+                    @if ($parent->children->isNotEmpty())
+                    <ul class="listbox">
+                        @foreach ($parent->children as $children)
+                            <li @if($category->id==$children->id) class="active" @endif>
+                                <a href="{{ $children->link }}">{{ $children->title }}</a>
+                            </li>
+                        @endforeach
+                    </ul>
+                    @endif
+                </div>
+            </div>
+            <div class="page-right">
+                <div class="pagelujing">
+                    <div class="name">{{ $category->title }}</div>
+                    <span>
+                        您当前所在位置：<a href="/">首页</a> &gt;
+                        @if ($category->id!=$parent->id)
+                            <a href="{{ $parent->link }}">{{ $parent->title }}</a> &gt;
+                        @endif
+                        <a href="{{ $category->link }}">{{ $category->title }}</a>
+                    </span>
+                </div>
+                <div class="news-txt ny mg-t-b">
+                    <div class="news-con">
+                        <ul class="newslist ny">
+                            @if ($articles->isNotEmpty())
+                                @foreach ($articles as $article)
+                                    <li>
+                                        <a href="{{ $article->link }}">{{ $article->title }}</a><span>{{ $article->created_at->format('m-d') }}</span>
+                                    </li>
+                                @endforeach
+                            @endif
+                        </ul>
+                        <div class="tcdPageCode">
+                            @if ($articles->isNotEmpty())
+                                {{ $articles->links('layouts.pagination') }}
+                            @endif
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- end 详情 -->
+@endsection

resources/views/index/index.blade.php

@@ -2,414 +2,258 @@
 
 @section('title', '首页')
 
-@section('css')
-    <style>
-        .gallery-thumbs .swiper-slide {
-            border: 3px solid #fff;
-            height: calc(100% - 6px);
-        }
-
-        .gallery-thumbs .swiper-slide-thumb-active {
-            border: 3px solid #b9202f;
-            height: calc(100% - 6px);
-        }
-
-        .idxShoot {
-            padding-bottom: 10px;
-        }
-
-        .idxSurveyCont-right::after {
-            display: none;
-        }
-
-        .idxNews-ul-title {
-            margin-bottom: 0;
-        }
-
-        .idxSurveyContImg {
-            width: 100px;
-            height: 80px;
-            margin-right: 20px;
-        }
-
-        .idxSurveyCont-left {
-            width: calc(100% - 120px);
-            margin-right: 0;
-            line-height: 28px;
-        }
-
-
-        .idxNews-ul-title a {
-            width: 70%
-        }
-
-        .idxNews-ul li:first-child p {
-            height: 60px;
-            white-space: normal;
-            display: -webkit-box;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 2
-        }
-
-        .idxHealthUl-text a {
-            margin-bottom: 20px
-        }
-    </style>
-
-@endsection
-
 @section('content')
 
-    <!-- 随手拍+最新资讯 -->
-    <div class="ce-white ui-margin-b">
-        <div class="contant">
-            <div class="idxShoot">
-                <div class="idxShoot-title">
-                    <p>随手拍</p>
-                    <span>/ BEAT</span>
+    <!-- 第一模板 -->
+    <div class="idxOne ce-morgin-tb">
+        <div class="contant idxOneCont">
+            <div class="contant-left">
+                <div class="idxTitle">
+                    <div class="idxTitle-name">
+                        {{ getOneCategory(7,'title') }}
+                        <span>/ {{ getOneCategory(7,'description') }}</span>
                     </div>
-                <div class="idxShoot-swiper">
-                    <!-- Swiper -->
-                    <div class="swiper-container gallery-top">
-                        <div class="swiper-wrapper">
-                            @foreach ($ssp as $element)
-                                @foreach ($element->pictures as $picture)
-                                    <div class="swiper-slide"
-                                         style="background-image:url({{ Storage::disk('public')->url($picture ) }})"></div>
-                                @endforeach
-                            @endforeach
-                        </div>
-                        <!-- Add Arrows -->
-                    </div>
-                    <div class="swiper-container gallery-thumbs">
-                        <div class="swiper-wrapper">
-                            @foreach ($ssp as $element)
-                                @foreach ($element->pictures as $picture)
-                                    <div class="swiper-slide"
-                                         style="background-image:url({{ Storage::disk('public')->url($picture ) }})"></div>
-                                @endforeach
-                            @endforeach
+                    <div class="idxTitle-more" data-href="{{ getOneCategory(7,'link') }}">
+                        查看更多<img src="/assets/index/images/idxRow.png">
                     </div>
                 </div>
+                <div class="oneCont-top">
+                    @if (getArticlesBYCate(7,5)->isNotEmpty())
+                        <div class="ce-img oneCont-top-img">
+                            <span style="background-image: url({{ getArticlesBYCate(7,5)->first()->cover_path }});"></span>
+                        </div>
+                        <div class="oneCont-top-cont" data-href="{{ getArticlesBYCate(7,5)->first()->link }}">
+                            <div class="ce-nowrap oneCont-top-title">
+                                {{ getArticlesBYCate(7,5)->first()->title }}
+                            </div>
+                            <div class="ce-nowrap-multi oneCont-top-text">
+                                {{ getArticlesBYCate(7,5)->first()->description }}
+                            </div>
+                            <div class="oneCont-top-time">
+                                <span>{{ getArticlesBYCate(7,5)->first()->created_at->format('Y-m-d') }}</span>
                             </div>
                         </div>
-
-            <div class="idxNews">
-                <div class="idxShoot-title">
-                    <p>最新资讯</p>
-                    <span>/ NEW</span>
-                </div>
-                <ul class="idxNews-ul">
-                    @foreach ($all_articles as $article)
-                        <li>
-                            <div class="idxNews-ul-title">
-                                <a href="{{ route('article.show', $article) }}">
-                                    <p class="ce-nowrap"
-                                       style="margin-right:10px;height: 43px;">{{ $article->title }}</p></a>
-                                <span>{{ $article->created_at }}</span>
-                            </div>
-                            <div class="ce-nowrap idxNews-ul-text">
-                                {{ $article->description }}
-                            </div>
+                        <ul class="oneCont-ul">
+                            @foreach (getArticlesBYCate(7,5) as $article)
+                                @if ($loop->iteration>1)
+                                    <li data-href="{{ $article->link }}">
+                                        <p class="ce-nowrap">{{ $article->title }}</p>
+                                        <span>{{ $article->created_at->format('Y-m-d') }}</span>
                                     </li>
+                                @endif
                             @endforeach
                         </ul>
-            </div>
-        </div>
-    </div>
-
-    <!-- 单位概况 -->
-    <div class="contant idxSurvey">
-        <div class="idxShoot-title">
-            <div class="idxShoot-title-name">
-                <p>期刊简介</p>
-                <span>/ INTRODUCTION OF THE JOURNAL</span>
-            </div>
-            <a href="@if ($danwei)            {{ route('article.show', $danwei) }}        @endif">更多 &gt;</a>
-        </div>
-        <div class="idxSurveyCont">
-            {{--            <img class="idxSurveyContImg" src=" @if ($danwei)           {{ $danwei->cover_path }}        @endif">--}}
-            {{--            <div class="idxSurveyCont-left">--}}
-            {{--                @if ($danwei)            {{ $danwei->description }}        @endif--}}
-
-            {{--            </div>--}}
-            {{--             <div class="idxSurveyCont-right">--}}
-            {{--                 <div class="idxSurveyCont-right-img">--}}
-
-            {{--                 </div>--}}
-            {{--             </div> --}}
-            @if($danwei)
-                <img style="width: 100%" src="{{ $danwei->cover_path }} ">
                     @endif
                 </div>
             </div>
 
-    <!-- 养生保健 -->
-    <div class="ce-white ui-margin-t">
-        <div class="contant">
-            <div class="idxShoot-title">
-                <p>养生保健</p>
-                <span>/ HEALTH CARE</span>
+            <div class="contant-right">
+                <div class="idxTitle">
+                    <div class="idxTitle-name">
+                        {{ getOneCategory(6,'title') }}
                     </div>
-            <ul class="idxHealthUl">
-                @foreach ($ysbj as $article)
-                    <li style="box-shadow: 0 0 20px rgba(0,0,0,.2);">
-                        <div class="ce-img idxHealthUl-img">
+                    <div class="idxTitle-more" data-href="{{ getOneCategory(6,'link') }}">
+                        查看更多<img src="/assets/index/images/idxRow.png">
+                    </div>
+                </div>
+                <ul class="contant-right-list">
+                    @if (getArticlesBYCate(6,5)->isNotEmpty())
+                        @foreach (getArticlesBYCate(6,5) as $article)
+                            <li data-href="{{ $article->link }}">
+                                <p class="ce-nowrap">{{ $article->title }}</p>
+                                <span>{{ $article->created_at->format('Y-m-d') }}</span>
+                            </li>
+                        @endforeach
+                    @endif
+                </ul>
+            </div>
+        </div>
+    </div>
+    <!-- end 第一模板 -->
+
+    <!-- 第二模板 -->
+    @if (getArticlesBYCate(24,4)->isNotEmpty())
+
+        <div class="idxTwo ce-morgin-tb">
+            <div class="contant">
+                <div class="idxTitle">
+                    <div class="idxTitle-name">
+                        {{ getOneCategory(24,'title') }}<span>/ {{ getOneCategory(24,'description') }}</span>
+                    </div>
+                    <div class="idxTitle-more" data-href="{{ getOneCategory(24,'link') }}">
+                        查看更多<img src="/assets/index/images/idxRow.png">
+                    </div>
+                </div>
+                <ul class="newTwo-list">
+                    @foreach (getArticlesBYCate(24,4) as $article)
+                        <li data-href="{{ $article->link }}">
+                            <div class="ce-img newTwo-list-img">
                                 <span style="background-image: url({{ $article->cover_path }});"></span>
                             </div>
-                        <div class="idxHealthUl-text" style="text-align: center; width: 100%;">
-                            <div class="idxHealthUl-title">{{ $article->title }}</div>
-                            <div class="idxHealthUl-tips" style="text-align: center;margin: 0;">
+                            <div class="newTwo-list-cont">
+                                <div class="ce-nowrap newTwo-list-title">{{ $article->title }}</div>
+                                <div class="ce-nowrap newTwo-list-text">{{ $article->created_at->format('Y-m-d') }}</div>
+                            </div>
+                        </li>
+                    @endforeach
+                </ul>
+            </div>
+        </div>
+    @endif
+
+    <!-- end 第二模板 -->
+
+    <!-- 第三模板 -->
+    <div class="idxThree">
+        <div class="contant">
+            <div class="threeCont">
+                <div class="idxThree-title">
+                    <div class="idxThree-title-name">
+                        <div class="idxThree-title-icon">
+                            <img src="/assets/index/images/title_icon_00.png">
+                            {{ getOneCategory(20,'title') }}
+                        </div>
+                    </div>
+                    <div class="idxThree-title-more" data-href="{{ getOneCategory(20,'link') }}">
+                        更多 +
+                    </div>
+                </div>
+                @if (getArticlesBYCate(20,5)->isNotEmpty())
+                    <div class="threeCont-top" data-href="{{ getArticlesBYCate(20,5)->first()->link }}">
+                        <div class="ce-img threeCont-top-img">
+                            <span style="background-image: url({{ getArticlesBYCate(20,5)->first()->cover_path }});"></span>
+                        </div>
+                        <div class="threeCont-top-cont">
+                            <div class="ce-nowrap threeCont-top-title">{{ getArticlesBYCate(20,5)->first()->title }}</div>
+                            <div class="ce-nowrap-multi threeCont-top-text">
+                                {{ getArticlesBYCate(20,5)->first()->description }}
+                            </div>
+                        </div>
+                    </div>
+                @endif
+
+                <ul class="threeCont-list">
+                    @if (getArticlesBYCate(20,5)->isNotEmpty())
+                        @foreach (getArticlesBYCate(20,5) as $article)
+                            @if ($loop->iteration>1)
+                                <li data-href="{{ $article->link }}">
+                                    <p>{{ $article->title }}</p>
+                                    <span>{{ $article->created_at->format('Y-m-d') }}</span>
+                                </li>
+                            @endif
+
+                        @endforeach
+                    @endif
+
+                </ul>
+            </div>
+            <div class="threeCont">
+                <div class="idxThree-title">
+                    <div class="idxThree-title-name">
+                        <div class="idxThree-title-icon">
+                            <img src="/assets/index/images/title_icon_01.png">
+                            {{ getOneCategory(21,'title') }}
+                        </div>
+                    </div>
+                    <div class="idxThree-title-more" data-href="{{ getOneCategory(21,'link') }}">
+                        更多 +
+                    </div>
+                </div>
+                @if (getArticlesBYCate(21,5)->isNotEmpty())
+                    <div class="threeCont-top" data-href="{{ getArticlesBYCate(21,5)->first()->link }}">
+                        <div class="ce-img threeCont-top-img">
+                            <span style="background-image: url({{ getArticlesBYCate(21,5)->first()->cover_path }});"></span>
+                        </div>
+                        <div class="threeCont-top-cont">
+                            <div class="ce-nowrap threeCont-top-title">{{ getArticlesBYCate(21,5)->first()->title }}</div>
+                            <div class="ce-nowrap-multi threeCont-top-text">
+                                {{ getArticlesBYCate(21,5)->first()->description }}
+                            </div>
+                        </div>
+                    </div>
+                @endif
+
+                <ul class="threeCont-list">
+                    @if (getArticlesBYCate(21,5)->isNotEmpty())
+                        @foreach (getArticlesBYCate(21,5) as $article)
+                            @if ($loop->iteration>1)
+                                <li data-href="{{ $article->link }}">
+                                    <p>{{ $article->title }}</p>
+                                    <span>{{ $article->created_at->format('Y-m-d') }}</span>
+                                </li>
+                            @endif
+                        @endforeach
+                    @endif
+
+                </ul>
+            </div>
+        </div>
+    </div>
+    <!-- end 第三模板 -->
+
+    <!-- 第四模板 -->
+    @if (getArticlesBYCate(8,4)->isNotEmpty())
+
+        <div class="idxFour ce-morgin-tb">
+            <div class="contant">
+                <div class="idxTitle">
+                    <div class="idxTitle-name">
+                        {{ getOneCategory(8,'title') }}<span>/ {{ getOneCategory(8,'description') }}</span>
+                    </div>
+                </div>
+                <div class="idxFourSwiper">
+                    <!-- Swiper -->
+                    <div class="swiper-container idxFour-container">
+                        <div class="swiper-wrapper">
+
+                            @foreach (getArticlesBYCate(8,4) as $article)
+                                <div class="swiper-slide idxFour-slide">
+                                    <div class="ce-img idxFour-img">
+                                        <span style="background-image: url({{ $article->cover_path }});"></span>
+                                    </div>
+                                    <div class="idxFour-cont">
+                                        <div class="ce-nowrap idxFour-title">
+                                            {{ $article->title }}
+                                        </div>
+                                        <div class="ce-nowrap-multi idxFour-text">
                                             {{ $article->description }}
                                         </div>
-                            <a href="{{ route('article.show', $article) }}">
-                                <div class="idxHealthUl-btn">
-                                    MORE
-                                </div>
-                            </a>
-                        </div>
-                    </li>
-                @endforeach
-
-            </ul>
+                                        <div class="idxFour-more" data-href="{{ $article->link }}">
+                                            查看详情
                                         </div>
                                     </div>
-
-    <!-- 广告位 -->
-    <div class="idxPoster" style="background-image: url({{ $center_advert->cover_path }});"></div>
-
-    <!-- 精彩推介 -->
-    <div class="ce-white" style="padding: 30px 0 50px">
-        <div class="contant">
-            <div class="idxShoot-title">
-                <p>精彩推介</p>
-                <span>/ Wonderful promotion</span>
                                 </div>
-            <ul class="recomdUl">
-                <li>
-                    <div class="recomdUl-title">
-                        <div class="recomdUl-title-img">
-                            <img src="/assets/index/images/idx/idxIcon_00.png">
-                            <span>调研与分析</span>
-                        </div>
-                        <img class="idxIconRow" src="/assets/index/images/idx/idxIcon_row.png">
-                    </div>
-                    @if ($dcyfx->isNotEmpty())
-
-                        <div class="recomdUl-top">
-                            <div class="ce-img recomdUl-top-img" style="height: 90px;">
-                                <span style="background-image: url({{ $dcyfx->first()->cover_path }});"></span>
-                            </div>
-                            <div class="recomdUl-top-text">
-                                <p class="ce-nowrap-multi">
-                                    <a href="{{ route('article.show', $dcyfx->first()) }}"> {{ $dcyfx->first()->title }}</a>
-                                </p>
-                                <span class="ce-nowrap-multi">{{ $dcyfx->first()->description }}</span>
-                            </div>
-                        </div>
-                        <ul class="recomdUl-list">
-                            @foreach ($dcyfx as $article)
-                                @if ($loop->iteration>1)
-                                    <li class="ce-nowrap-multi">
-                                        <a href="{{ route('article.show', $article) }}">
-                                            {{ $article->title }}
-                                        </a>
-                                    </li>
-                                @endif
-                            @endforeach
-                        </ul>
-                    @endif
-                </li>
-                <li>
-                    <div class="recomdUl-title">
-                        <div class="recomdUl-title-img">
-                            <img src="/assets/index/images/idx/idxIcon_01.png">
-                            <span>应用基础研究</span>
-                        </div>
-                        <img class="idxIconRow" src="/assets/index/images/idx/idxIcon_row.png">
-                    </div>
-                    @if ($yyjcyj->isNotEmpty())
-
-                        <div class="recomdUl-top">
-                            <div class="ce-img recomdUl-top-img" style="height: 90px;">
-                                <span style="background-image: url({{ $yyjcyj->first()->cover_path }});"></span>
-                            </div>
-                            <div class="recomdUl-top-text">
-                                <p class="ce-nowrap-multi">
-                                    <a href="{{ route('article.show', $yyjcyj->first()) }}"> {{ $yyjcyj->first()->title }}</a>
-                                </p>
-                                <span class="ce-nowrap-multi">{{ $yyjcyj->first()->description }}</span>
-                            </div>
-                        </div>
-                        <ul class="recomdUl-list">
-                            @foreach ($yyjcyj as $article)
-                                @if ($loop->iteration>1)
-                                    <li class="ce-nowrap-multi">
-                                        <a href="{{ route('article.show', $article) }}">
-                                            {{ $article->title }}
-                                        </a>
-                                    </li>
-                                @endif
-                            @endforeach
-                        </ul>
-                    @endif
-
-                </li>
-                <li>
-                    <div class="recomdUl-title">
-                        <div class="recomdUl-title-img">
-                            <img src="/assets/index/images/idx/idxIcon_02.png">
-                            <span>技术研讨</span>
-                        </div>
-                        <img class="idxIconRow" src="/assets/index/images/idx/idxIcon_row.png">
-                    </div>
-                    @if ($jsyt->isNotEmpty())
-
-                        <div class="recomdUl-top">
-                            <div class="ce-img recomdUl-top-img" style="height: 90px;">
-                                <span style="background-image: url({{ $jsyt->first()->cover_path }});"></span>
-                            </div>
-                            <div class="recomdUl-top-text">
-                                <p class="ce-nowrap-multi">
-                                    <a href="{{ route('article.show', $jsyt->first()) }}"> {{ $jsyt->first()->title }}</a>
-                                </p>
-                                <span class="ce-nowrap-multi">{{ $jsyt->first()->description }}</span>
-                            </div>
-                        </div>
-                        <ul class="recomdUl-list">
-                            @foreach ($jsyt as $article)
-                                @if ($loop->iteration>1)
-                                    <li class="ce-nowrap-multi">
-                                        <a href="{{ route('article.show', $article) }}">
-                                            {{ $article->title }}
-                                        </a>
-                                    </li>
-                                @endif
-                            @endforeach
-                        </ul>
-                    @endif
-
-                </li>
-            </ul>
-            <ul class="recomdBtom">
-                <li>
-                    <div class="recomdUl-title">
-                        <div class="recomdUl-title-img">
-                            <img src="/assets/index/images/idx/idxIcon_03.png">
-                            <span>科研与应用</span>
-                        </div>
-                        <img class="idxIconRow" src="/assets/index/images/idx/idxIcon_row.png">
-                    </div>
-                    @if ($kyyyy->isNotEmpty())
-
-                        <ul class="recomdUl-list">
-                            @foreach ($kyyyy as $article)
-                                <li class="ce-nowrap">
-                                    <a href="{{ route('article.show', $article) }}">
-                                        {{ $article->title }}
-                                    </a>
-                                </li>
-                            @endforeach
-                        </ul>
-                    @endif
-                </li>
-                <li>
-                    <div class="recomdUl-title">
-                        <div class="recomdUl-title-img">
-                            <img src="/assets/index/images/idx/idxIcon_03.png">
-                            <span>全科医学</span>
-                        </div>
-                        <img class="idxIconRow" src="/assets/index/images/idx/idxIcon_row.png">
-                    </div>
-                    @if ($qkys->isNotEmpty())
-
-                        <ul class="recomdUl-list">
-                            @foreach ($qkys as $article)
-                                <li class="ce-nowrap">
-                                    <a href="{{ route('article.show', $article) }}">
-                                        {{ $article->title }}
-                                    </a>
-                                </li>
-                            @endforeach
-                        </ul>
-                    @endif
-                </li>
-            </ul>
-        </div>
-    </div>
-
-    @if($qikan_advert->isNotEmpty())
-        <!-- 期刊 -->
-        <div class="idxWeekly" style="background-image: url(/assets/index/images/idx/idxWeekly_img.png);">
-            <div class="contant">
-                <div class="idxWeekly-title idxShoot-title" style="margin: 0 16px;">
-                    <p>期刊</p>
-                    <span>/ PERIODICAL</span>
-                </div>
-                <div class="idxWeekly-ul">
-                    @foreach ($qikan_advert as $advert)
-                        <div class="idxWeekly-back"
-                             style="background-image: url({{ $advert->one_picture_path }});"></div>
                             @endforeach
                         </div>
                     </div>
+                    <!-- Add Arrows -->
+                    <div class="idxFour-Arrows">
+                        <div class="swiper-button-next">&gt;</div>
+                        <div class="swiper-button-prev">&lt;</div>
+                    </div>
+                </div>
+            </div>
         </div>
     @endif
+
+    <!-- end 第四模板 -->
+
 @endsection
 
-
-
 @push('script')
-    <script type="text/javascript" src="{{ asset('assets/index/js/swiper-bundle.min.js') }}"></script>
     <script>
-        var galleryThumbs = new Swiper('.gallery-thumbs', {
-            spaceBetween: 10,
+        // banner轮播
+        var banner = new Swiper('.idxBanner', {
+            pagination: '.swiper-pagination-white'
+        });
+
+        // 轮播
+        var idxFour = new Swiper('.idxFour-container', {
+            nextButton: '.swiper-button-next',
+            prevButton: '.swiper-button-prev',
             slidesPerView: 3,
-            loop: true,
-            freeMode: true,
-            loopedSlides: 3, //looped slides should be the same
-            watchSlidesVisibility: true,
-            watchSlidesProgress: true,
-        });
-        var galleryTop = new Swiper('.gallery-top', {
-            spaceBetween: 10,
-            loop: true,
-            loopedSlides: 3, //looped slides should be the same
-            navigation: {
-                nextEl: '.swiper-button-next',
-                prevEl: '.swiper-button-prev',
-            },
-            thumbs: {
-                swiper: galleryThumbs,
-            },
-        });
-        // var galleryTop = new Swiper('.gallery-top', {
-        //     spaceBetween: 10,
-        //     loop: true
-        // });
-        // var galleryThumbs = new Swiper('.gallery-thumbs', {
-        //     spaceBetween: 10,
-        //     slidesPerView: 3,
-        //     touchRatio: 0.3,
-        //     loop: true,
-        //     slideToClickedSlide: true
-        // });
-        // galleryTop.params.control = galleryThumbs;
-        // galleryThumbs.params.control = galleryTop;
-
-
-        // 期刊
-        var aswiper = new Swiper('.weekly-container', {
-            pagination: '.swiper-pagination',
-            slidesPerView: 4,
             paginationClickable: true,
             spaceBetween: 30,
-            nextButton: '.swiper-button-next',
-            prevButton: '.swiper-button-prev'
         });
-
-
     </script>
 @endpush

resources/views/layouts/app.blade.php

@@ -1,141 +1,82 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
-    <title>{{ config('app.name', '') }}</title>
-
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
-    <meta name="renderer" content="webkit"/>
-    <meta name="force-rendering" content="webkit"/>
-
-    <meta name="keywords" content="@section('keywords') {{ config('app.name', '') }} @show">
-    <meta name="description" content="@section('description') {{ config('app.name', '') }} @show">
-    <link type="text/css" rel="stylesheet" href="{{ asset('assets/index/css/swiper.min.css') }}"/>
-    <link type="text/css" rel="stylesheet" href="{{ asset('assets/index/css/style.css') }}"/>
-    <script type="text/javascript" src="{{ asset('assets/index/js/swiper.min.js') }}"></script>
-    <style type="text/css">
-        body {
-            background: #f4f5f7
-        }
-    </style>
-    @yield('css')
-    @yield('js')
+    <title>{{ config('app.name', '') }} </title>
+    <meta name="description" content="{{ config('app.name', '') }}">
+    <meta name=”keywords” content="{{ config('app.name', '') }}">
+    <link rel="stylesheet" href="{{ asset('assets/index/css/swiper.min.css') }}" type="text/css"/>
+    <link rel="stylesheet" href="{{ asset('assets/index/css/style.css') }}" type="text/css"/>
 </head>
+
 <body>
 <!-- 头部 -->
-<div class="idxTop" style="background-image: url({{ $top_advert->cover_path }});">
-    <div class="idxTop-img">
-        <img src="{{ asset('assets/index/images/idx/idx_top_img.png') }}">
+<div class="idxTop-back">
+    <div class="contant">
+        <div class="idxTop">
+            <img class="idxLogo" src="/assets/index/images/nys_banner.png">
         </div>
-    <div class="idxTop-tel">
-        <p>电话：{{ config('mobile') }}</p>
-        <p>邮箱：{{ config('email') }}</p>
+    </div>
+</div>
+<!-- end 头部 -->
+
+<!-- 导航 -->
+<div class="idxNav-back">
+    <div class="contant">
+        <ul class="idxNav">
+            <li @if (!isset($parent)) class="active" @endif data-href="/"><span>首页</span></li>
+            @foreach ($all_categorys as $cate)
+                <li data-href="{{ $cate->link }}" @if (isset($parent) && $cate->id==$parent->id) class="active" @endif>
+                    <span>{{ $cate->title }}</span>
+                </li>
+            @endforeach
+        </ul>
     </div>
 </div>
 <!-- 导航 -->
-<div class="idxNav">
-    <div class="contant">
-        <div class="idxNav-img">
-            <p>《黑龙江科学》期刊</p>
-            <span>Heilongjiang scientific journals</span>
-        </div>
-        <ul class="idxNav-ul">
-            <li @if (!isset($category)) class="active" @endif><a href="/">首页</a></li>
 
-            @foreach($all_categorys as $menu)
-                <li @if (isset($category) && $menu->id==$category->id) class="active" @endif>
-                    @switch($menu->type)
-                        @case('picture')
-                        <a href="{{ route('article.picture', $menu) }}">
-                            {{ $menu->title }}
-                        </a>
-                        @break
-                        @case('show')
-                        @if ($menu->relations)
-                            <a href="{{ route('article.show', $menu->relations) }}">
-                                {{ $menu->title }}
-                            </a>
-                        @endif
-                        @break
-                        @default
-                        <a href="{{ route('article.index', $menu) }}">
-                            {{ $menu->title }}
-                        </a>
-                        @break
-                    @endswitch
-
-
-                </li>
-            @endforeach
-        </ul>
-    </div>
-</div>
 @section('content')
-
 @show
-<!-- 尾部 -->
-<footer class="idxFooter" style="background-image: url({{ asset('assets/index/images/idx/idxFooter.png') }});">
+
+<!-- 友情链接 -->
+<div class="idxLink ce-morgin-tb">
     <div class="contant">
-        <div class="idxFooter-top">
-            <div class="idxNav-img">
-                <p>《黑龙江科学》期刊</p>
-                <span>Heilongjiang Science</span>
-            </div>
-            <div class="idxFooter-text">
-                <div class="idxFooter-title">
-                    <span>编委会</span>
-                    <ul class="idxFooter-ul">
-                        <li>
-                            主&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任：
-                            @if($manage_users->isNotEmpty()){{ $manage_users->first()->title }} @endif
-                        </li>
-                        <li>
-                            副&nbsp;&nbsp;主&nbsp;任 ：
-                            @if($manage_users->isNotEmpty())
-                                @foreach ($manage_users as $users)
-                                    @if ($loop->iteration>1)
-                                        {{ $users->title }}
-                                    @endif
-                                @endforeach
-                            @endif
-                        </li>
-                        <li>
-                            主&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 编：
-                            @if($manage_users->isNotEmpty()){{ $manage_users->first()->title }} @endif
-                        </li>
-                        <li>
-                            执行主编：
-                            曹彦
-                        </li>
-                    </ul>
-                </div>
-                <div class="idxFooter-name">
-                    <span>专家委员：<small>(以姓氏笔画为序)</small></span>
-                    <ul class="idxFooter-name-ul">
-                        @if ($other_users->isNotEmpty())
-                            @foreach ($other_users as $user)
-                                <li>{{ $user->title }}</li>
-                            @endforeach
-                        @endif
-                    </ul>
+        <div class="idxTitle">
+            <div class="idxTitle-name">
+                友情链接<span>/ Links</span>
             </div>
         </div>
-        </div>
-        <ul class="idxFooter-bottom">
+        <div class="line"></div>
+        <ul class="idxLink-ul">
+            @if ($links->isNotEmpty())
                 @foreach ($links as $link)
-                <li><a href="{{ $link->url }}">{{ $link->title}}</a></li>
+                    <li data-href="{{ $link->url }}">{{ $link->title}}</li>
                 @endforeach
+            @endif
         </ul>
-        <div class="idxFooter-tips">
-            <p>版权所有： 黑龙江易代文化产业有限公司&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.beian.miit.gov.cn/" style="color: #fff">黑ICP备18000348号-1</a>
-            </p>
-            <p>地址：哈尔滨市嵩山路15号（150090）&nbsp;&nbsp;&nbsp;&nbsp;电话：{{ config('mobile') }}
-                &nbsp;&nbsp;&nbsp;&nbsp;E-Mail:{{ config('email') }}</p>
-            <p>印刷单位：哈尔滨市工大节能印刷厂&nbsp;&nbsp;&nbsp;&nbsp;总发行：哈尔滨市邮局&nbsp;&nbsp;&nbsp;&nbsp;订阅：全国各地邮局&nbsp;&nbsp;&nbsp;&nbsp;刊期：半月</p>
-            <p>广告发布登记编号：哈南市监逛变字【2019】第21号</p>
+    </div>
+</div>
+<!-- end 友情链接 -->
+
+<!-- 尾部 -->
+<footer class="idxFooter">
+    <div class="contant">
+        <div class="idxFooter-text">
+            <span>版权所有：黑龙江省科学院能源环境研究院</span>
+            <span>黑ICP备11004102号</span>
+        </div>
+        <div class="idxFooter-img">
+        <script type="text/javascript">document.write(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='https://dcs.conac.cn/js/10/000/0000/40685462/CA100000000406854620002.js' type='text/javascript'%3E%3C/script%3E"));</script>
         </div>
     </div>
 </footer>
+<!-- end 尾部 -->
+
 </body>
+
+<script src="{{ asset('assets/index/js/jquery-1.8.2.min.js') }}" type="text/javascript" charset="utf-8"></script>
+<script src="{{ asset('assets/index/js/plugin.js') }}" type="text/javascript" charset="utf-8"></script>
+<script src="{{ asset('assets/index/js/swiper.min.js') }}" type="text/javascript" charset="utf-8"></script>
 @stack('script')
+
 </html>

resources/views/layouts/pagination.blade.php

@@ -0,0 +1,32 @@
+@if ($paginator->hasPages())
+    <div class="pages">
+
+        {{-- Previous Page Link --}}
+        @if ($paginator->onFirstPage())
+            <span class="disabled">上一页</span>
+        @else
+            <a href="{{ $paginator->previousPageUrl() }}">上一页</a>
+        @endif
+
+        {{-- Pagination Elements --}}
+        @foreach ($elements as $element)
+            {{-- Array Of Links --}}
+            @if (is_array($element))
+                @foreach ($element as $page => $url)
+                    @if ($page == $paginator->currentPage())
+                        <span class="current">{{ $page }}</span>
+                    @else
+                        <a href="{{ $url }}">{{ $page }}</a>
+                    @endif
+                @endforeach
+            @endif
+        @endforeach
+
+        {{-- Next Page Link --}}
+        @if ($paginator->hasMorePages())
+            <a href="{{ $paginator->nextPageUrl() }}">下一页</a>
+        @else
+            <span class="disabled">下一页</span>
+        @endif
+    </div>
+@endif

resources/views/vendor/pagination/customize.blade.php

@@ -1,30 +1,30 @@
 @if ($paginator->hasPages())
-<div class="pagebox">
+<ul>
   @if ($paginator->onFirstPage())
-  <a class="on">首页</a>
+  <li class="thisclass">首页</li>
   @else
-  <a href="{{ $paginator->previousPageUrl() }}">上一页</a>
+  <li><a href="{{ $paginator->previousPageUrl() }}">上一页</a></li>
   @endif
   @foreach ($elements as $element)
   {{-- "Three Dots" Separator --}}
   @if (is_string($element))
-  <a class="on">{{ $element }}</a>
+  <li class="thisclass">{{ $element }}</li>
   @endif
   {{-- Array Of Links --}}
   @if (is_array($element))
   @foreach ($element as $page => $url)
   @if ($page == $paginator->currentPage())
-  <a class="on">{{ $page }}</a>
+  <li class="thisclass">{{ $page }}</li>
   @else
-  <a href="{{ $url }}">{{ $page }}</a>
+  <li><a href="{{ $url }}">{{ $page }}</a></li>
   @endif
   @endforeach
   @endif
   @endforeach
   @if ($paginator->hasMorePages())
-  <a href="{{ $paginator->nextPageUrl() }}">下一页</a>
+  <li><a href="{{ $paginator->nextPageUrl() }}">下一页</a></li>
   @else
-  <a class="on">尾页</a>
+  <li><i class="fa fa-arrow-right"></i></li>
   @endif
-</div>
+</ul>
 @endif