Skip to content

ShopXO
ShopXO

jamesyang1999 / ShopXO
与 Fork 源项目一致

Fork自 纵之格 / ShopXO

通知 1
Star 0
Fork 0
ShopXO
ShopXO

体验新版 GitCode，发现更多精彩内容 >>

提交 1928fc70 编写于 作者: D devil
浏览文件
操作

分类优化

上级 ef0e6ab2
隐藏空白更改
内联 并排
Showing with 54 addition and 33 deletion
application/index/view/default/category/index.html
浏览文件 @ 1928fc70
...@@ -21,47 +21,57 @@ ...@@ -21,47 +21,57 @@
{{if !empty($goods_category_list)}} {{if !empty($goods_category_list)}}
<ul class="category-nav am-fl"> <ul class="category-nav am-fl">
{{foreach $goods_category_list as $k=>$v}} {{foreach $goods_category_list as $k=>$v}}
<li class="am-text-break am-padding-horizontal-sm {{if $k eq 0}} active{{/if}}">{{$v.name}}</li> <li class="am-text-break am-padding-horizontal-sm {{if $k eq 0}} active{{/if}}" data-url="{{:MyUrl('index/search/index', ['category_id'=>$v['id']])}}">{{$v.name}}</li>
{{/foreach}} {{/foreach}}
</ul> </ul>
{{foreach $goods_category_list as $k=>$v}} {{foreach $goods_category_list as $k=>$v}}
<div class="category-content category-content-{{$k}} am-fr am-padding-vertical-xs {{if $k neq 0}} none{{/if}}"> <div class="category-content category-content-{{$k}} am-fr am-padding-vertical-xs {{if $k neq 0}} none{{/if}}">
{{foreach $v.items as $vs}} {{if !empty($v['items'])}}
<div class="category-item am-padding-sm"> {{foreach $v.items as $vs}}
<div class="title"> <div class="category-item am-padding-sm">
<div class="title-value am-fl"> <div class="title">
{{if !empty($vs['icon'])}} <div class="title-value am-fl">
<a href="{{:MyUrl('index/search/index', ['category_id'=>$vs['id']])}}" title="{{$vs.name}}" class="am-block"> {{if !empty($vs['icon'])}}
<img src="{{$vs.icon}}" alt="{{$vs.name}}" class="category-icon am-block" /> <a href="{{:MyUrl('index/search/index', ['category_id'=>$vs['id']])}}" title="{{$vs.name}}" class="am-block">
</a> <img src="{{$vs.icon}}" alt="{{$vs.name}}" class="category-icon am-block" />
{{/if}} </a>
<p class="am-margin-top-xs"> {{/if}}
<a href="{{:MyUrl('index/search/index', ['category_id'=>$vs['id']])}}" title="{{$vs.name}}">{{$vs.name}}</a> <p class="am-margin-top-xs">
</p> <a href="{{:MyUrl('index/search/index', ['category_id'=>$vs['id']])}}" title="{{$vs.name}}">{{$vs.name}}</a>
</p>
</div>
</div> </div>
{{if !empty($vs['items'])}}
<ul class="am-margin-top-xs">
{{foreach $vs.items as $kss=>$vss}}
<li class="am-fl am-text-center">
{{if !empty($vss['icon'])}}
<a href="{{:MyUrl('index/search/index', ['category_id'=>$vss['id']])}}" title="{{$vss.name}}" class="am-block am-margin-top-xs">
<img src="{{$vss.icon}}" alt="{{$vss.name}}" class="category-icon am-block" />
</a>
{{/if}}
<p class="am-margin-top-xs">
<a href="{{:MyUrl('index/search/index', ['category_id'=>$vss['id']])}}" title="{{$vss.name}}" class="am-block">{{$vss.name}}</a>
</p>
</li>
{{/foreach}}
</ul>
{{/if}}
</div> </div>
{{if !empty($vs['items'])}} {{/foreach}}
<ul class="am-margin-top-xs"> {{else /}}
{{foreach $vs.items as $kss=>$vss}} <div class="table-no">
<li class="am-fl am-text-center"> <i class="am-icon-warning"></i>
{{if !empty($vss['icon'])}} <span>没有分类数据</span>
<a href="{{:MyUrl('index/search/index', ['category_id'=>$vss['id']])}}" title="{{$vss.name}}" class="am-block am-margin-top-xs"> <p class="am-margin-top-lg am-text-center">
<img src="{{$vss.icon}}" alt="{{$vss.name}}" class="category-icon am-block" /> <a href="{{:MyUrl('index/search/index', ['category_id'=>$v['id']])}}" class="am-text-secondary" title="查看分类下商品">查看分类下商品 >></a>
</a> </p>
{{/if}}
<p class="am-margin-top-xs">
<a href="{{:MyUrl('index/search/index', ['category_id'=>$vss['id']])}}" title="{{$vss.name}}" class="am-block">{{$vss.name}}</a>
</p>
</li>
{{/foreach}}
</ul>
{{/if}}
</div> </div>
{{/foreach}} {{/if}}
</div> </div>
{{/foreach}} {{/foreach}}
{{else /}} {{else /}}
<div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div> <div class="table-no"><i class="am-icon-warning"></i> 没有分类数据</div>
{{/if}} {{/if}}
</div> </div>
......
public/static/index/default/js/category.js
浏览文件 @ 1928fc70
$(function() $(function()
{ {
// 分类显/隐 // 一级分类显/隐操作
$('.category-list ul.category-nav li').on('mouseover', function(){ $('.category-list ul.category-nav li').on('mouseover', function()
{
var index = $(this).index(); var index = $(this).index();
$('.category-list ul.category-nav li').removeClass('active'); $('.category-list ul.category-nav li').removeClass('active');
$(this).addClass('active'); $(this).addClass('active');
$('.category-content').addClass('none'); $('.category-content').addClass('none');
$('.category-content-'+index).removeClass('none'); $('.category-content-'+index).removeClass('none');
}); });
// 一级分类双击进入商品搜索页
$('.category-list ul.category-nav li').on('dblclick', function()
{
var url = $(this).data('url') || null;
if(url != null)
{
window.location.href = url;
}
});
}); });
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或