61 lines
2.0 KiB
PHP
61 lines
2.0 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('title', '')
|
|
|
|
@section('keywords', $article->keywords)
|
|
@section('description', $article->description)
|
|
|
|
@section('css')
|
|
<link type="text/css" rel="stylesheet" href="{{ asset('assets/index/css/style.css') }}" />
|
|
<link type="text/css" rel="stylesheet" href="{{ asset('assets/index/css/style2.css') }}" />
|
|
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css'>
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div class="mabody">
|
|
<div class="mainWarp">
|
|
@include('layouts.left')
|
|
<div class="mainRight">
|
|
<div class="brandnavbox">
|
|
<p class="ccsl">{{ $article->title }}</p>
|
|
<div class="con ccsl">首页 > {{ $article->category->title }} ></div>
|
|
</div>
|
|
<div class="detailbox">
|
|
<div class="carousel">
|
|
<div class="btn btn-back hidden">
|
|
<i class="fas fa-arrow-left"></i>
|
|
<i class="fas fa-chevron-left left-indicator"></i>
|
|
</div>
|
|
<div class="viewbox">
|
|
<div class="track">
|
|
@foreach($article->pictures as $key => $picture)
|
|
<div class="slide @if($key == 0) active @endif">
|
|
<img class="images" src="{{ \Storage::disk('public')->url($picture) }}" />
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<div class="btn btn-next">
|
|
<i class="fas fa-arrow-right"></i>
|
|
<i class="fas fa-chevron-right right-indicator"></i>
|
|
</div>
|
|
<div class="nav-indicator">
|
|
@foreach($article->pictures as $key => $picture)
|
|
<div class="dot @if($key == 0) active @endif"></div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
@endsection
|
|
@push('script')
|
|
<script src="{{ asset('assets/index/js/TimelineMax.min.js') }}"></script>
|
|
<script src="{{ asset('assets/index/js/TweenMax.min.js') }}"></script>
|
|
<script src="{{ asset('assets/index/js/script.js') }}"></script>
|
|
@endpush
|