try to remove the 市场 link

This commit is contained in:
LI JIAHAO
2017-05-24 23:10:20 +08:00
parent 76024c66c3
commit bb950a815b
6 changed files with 122 additions and 106 deletions
@@ -16,6 +16,7 @@ class ContentController extends Controller
public function Mainpage()
{
$data = [];
$data['cats'] = GoodCat::orderby('cat_index', 'asc')->get();
$data['stargoods'] = GoodInfo::where('baned', '0')->where('stared', '1')->orderby('id', 'asc')->limit(5)->get();
$data['newgoods'] = GoodInfo::where('baned', '0')->orderby('id', 'dsc')->limit(8)->get();
$data['cats'] = GoodCat::orderby('cat_index', 'asc')->get();
+10
View File
@@ -0,0 +1,10 @@
$(".cat").mouseenter(function(){
$(this).stop().animate({backgroundColor:'#3399CC'},"fast");
$("a",this).stop().animate({color:"#FFFFFF"},"fast");
});
$(".cat").mouseleave(function(){
$(this).stop().animate({backgroundColor:'#FFFFFF'},"fast");
$("a",this).stop().animate({color:"#1779ba"},"fast");
});
+1 -11
View File
@@ -3,14 +3,4 @@ $(".good").mouseenter(function(){
});
$(".good").mouseleave(function(){
$(".good").stop().animate({opacity:'1.0'},"fast");
});
$(".cat").mouseenter(function(){
$(this).stop().animate({backgroundColor:'#3399CC'},"fast");
$("a",this).stop().animate({color:"#FFFFFF"},"fast");
});
$(".cat").mouseleave(function(){
$(this).stop().animate({backgroundColor:'#FFFFFF'},"fast");
$("a",this).stop().animate({color:"#1779ba"},"fast");
});
});
+2 -1
View File
@@ -7,7 +7,7 @@
<div class="row">
<div class="small-0 medium-2 columns">
<ul class="menu vertical">
<li @if($cat_id == 0) class="active" @else class="cat" @endif><a href="/good">*</a></li>
<li @if($cat_id == 0) class="active" @else class="cat" @endif><a href="/good">所有商品</a></li>
@foreach($cats as $cat)
<li @if($cat_id == $cat->id) class="active" @else class="cat" @endif><a
href="/good?cat_id={{ $cat->id }}">{{ $cat->cat_name }}</a></li>
@@ -42,6 +42,7 @@
</div>
{{ $goods->links() }}
</div>
<script src="/js/good/cat.js"></script>
<script src="/js/good/good_list.js"></script>
<script src="/js/jquery.color.js"></script>
+1 -1
View File
@@ -12,7 +12,7 @@
</ul>
<ul class="dropdown menu hide-for-small-only" data-dropdown-menu>
<li><a class="top-bar-list" href="/">首页</a></li>
<li><a class="top-bar-list" href="/good">市场</a></li>
{{--<li><a class="top-bar-list" href="/good">市场</a></li>--}}
</ul>
</div>
<div class="top-bar-right hide-for-small-only">
+107 -93
View File
@@ -5,108 +5,122 @@
@section('content')
<div class="row">
<div class="small-12 medium-8 columns">
@if(count($stargoods) > 0)
<div class="orbit" role="region" aria-label="热销商品" data-orbit>
<ul class="orbit-container">
@if(count($stargoods) > 1)
<button class="orbit-previous"><span class="show-for-sr">←</span>&#9664;&#xFE0E;</button>
<button class="orbit-next"><span class="show-for-sr">→</span>&#9654;&#xFE0E;</button>
@endif
@foreach($stargoods as $good)
<li class="orbit-slide">
<a href="/good/{{ $good->id }}"><img class="orbit-image"
src="/good/{{ sha1($good->id) }}/titlepic"
alt="{{ $good->name }}"/>
<figcaption class="orbit-caption">{{ $good->good_name }}</figcaption>
</a>
</li>
@endforeach
</ul>
</div>
<br/>
@endif
@if(count($newgoods)>0)
<h3>新品</h3>
<div class="row small-up-1 medium-up-2 large-up-4">
@foreach($newgoods as $good)
<div class="columns">
<div class="good">
<a href="/good/{{ $good->id }}">
<div class="card">
<div class="card-divider" style="padding:0;">
<img src="/good/{{ sha1($good->id) }}/titlepic"/>
</div>
<div class="details" style="position:absolute;z-index:200;width:200px;height:100px;display:none;">
<div style="position:absolute;z-index:200;top:-40%;left:+1%;color:white;font-size:12px;">
售价:¥{{ $good->price }}<br/>
@if($good->count==0)
无库存QAQ
@else
库存:{{ $good->count }}
@endif
</div>
</div>
<div class="card-section" style=";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:15px;padding:10px 10px">
{{ $good->good_name }}
<div class="small-0 medium-2 columns">
<ul class="menu vertical">
<li class="cat"><a href="/good">所有商品</a></li>
@foreach($cats as $cat)
<li class="cat"><a
href="/good?cat_id={{ $cat->id }}">{{ $cat->cat_name }}</a></li>
@endforeach
</ul>
</div>
<div class="small-12 medium-10 columns">
<div class="row">
<div class="small-12 medium-8 columns">
@if(count($stargoods) > 0)
<div class="orbit" role="region" aria-label="热销商品" data-orbit>
<ul class="orbit-container">
@if(count($stargoods) > 1)
<button class="orbit-previous"><span class="show-for-sr">←</span>&#9664;&#xFE0E;</button>
<button class="orbit-next"><span class="show-for-sr">→</span>&#9654;&#xFE0E;</button>
@endif
@foreach($stargoods as $good)
<li class="orbit-slide">
<a href="/good/{{ $good->id }}"><img class="orbit-image"
src="/good/{{ sha1($good->id) }}/titlepic"
alt="{{ $good->name }}"/>
<figcaption class="orbit-caption">{{ $good->good_name }}</figcaption>
</a>
</li>
@endforeach
</ul>
</div>
<br/>
@endif
@if(count($newgoods)>0)
<h3>新品</h3>
<div class="row small-up-1 medium-up-2 large-up-4">
@foreach($newgoods as $good)
<div class="columns">
<div class="good">
<a href="/good/{{ $good->id }}">
<div class="card">
<div class="card-divider" style="padding:0;">
<img src="/good/{{ sha1($good->id) }}/titlepic"/>
</div>
<div class="details" style="position:absolute;z-index:200;width:200px;height:100px;display:none;">
<div style="position:absolute;z-index:200;top:-40%;left:+1%;color:white;font-size:12px;">
售价:¥{{ $good->price }}<br/>
@if($good->count==0)
无库存QAQ
@else
库存:{{ $good->count }}
@endif
</div>
</div>
<div class="card-section" style=";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:15px;padding:10px 10px">
{{ $good->good_name }}
</div>
</div>
</a>
</div>
</div>
</a>
</div>
@endforeach
</div>
@endif
<h3>随便看看</h3>
@foreach($cats as $cat)
@if(count($catgoods[$cat->cat_name]))
<h4>{{ $cat->cat_name }}</h4>
<div class="row small-up-1 medium-up-2 large-up-4">
@foreach($catgoods[$cat->cat_name] as $good)
<div class="columns">
<div class="good">
<a href="/good/{{ $good->id }}">
<div class="card">
<div class="card-divider" style="padding:0;">
<img src="/good/{{ sha1($good->id) }}/titlepic"/>
</div>
<div class="details" style="position:absolute;z-index:200;width:200px;height:100px;display:none;">
<div style="position:absolute;z-index:200;top:-40%;left:+1%;color:white;font-size:12px;">
售价:¥{{ $good->price }}<br/>
@if($good->count==0)
无库存QAQ
@else
库存:{{ $good->count }}
@endif
</div>
</div>
<div class="card-section" style=";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:15px;padding:10px 10px">
{{ $good->good_name }}
</div>
</div>
</a>
</div>
</div>
@endforeach
</div>
@endif
@endforeach
</div>
@endif
<h3>随便看看</h3>
@foreach($cats as $cat)
@if(count($catgoods[$cat->cat_name]))
<h4>{{ $cat->cat_name }}</h4>
<div class="row small-up-1 medium-up-2 large-up-4">
@foreach($catgoods[$cat->cat_name] as $good)
<div class="columns">
<div class="good">
<a href="/good/{{ $good->id }}">
<div class="card">
<div class="card-divider" style="padding:0;">
<img src="/good/{{ sha1($good->id) }}/titlepic"/>
</div>
<div class="details" style="position:absolute;z-index:200;width:200px;height:100px;display:none;">
<div style="position:absolute;z-index:200;top:-40%;left:+1%;color:white;font-size:12px;">
售价:¥{{ $good->price }}<br/>
@if($good->count==0)
无库存QAQ
@else
库存:{{ $good->count }}
@endif
</div>
</div>
<div class="card-section" style=";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:15px;padding:10px 10px">
{{ $good->good_name }}
</div>
</div>
</a>
</div>
<div class="small-12 medium-4 columns">
<div class="row">
<div class="medium-10 medium-offset-2 columns">
<div class="card">
<h4 class="card-divider">公告</h4>
@foreach($announces as $announce)
<a href="/announcement/{{ $announce->id }}" class="card-item">
<div class="card-section">{{ $announce->title }}</div>
</a>
@endforeach
</div>
@endforeach
</div>
@endif
@endforeach
</div>
<div class="small-12 medium-4 columns">
<div class="row">
<div class="medium-10 medium-offset-2 columns">
<div class="card">
<h4 class="card-divider">公告</h4>
@foreach($announces as $announce)
<a href="/announcement/{{ $announce->id }}" class="card-item">
<div class="card-section">{{ $announce->title }}</div>
</a>
@endforeach
</div>
</div>
</div>
</div>
<script src="/js/good/cat.js"></script>
<script src="/js/good/editfav.js"></script>
<script src="/js/jquery.color.js"></script>
</div>
</div>
<script src="/js/good/editfav.js"></script>
@endsection