template/app/product_index.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrom=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>产品分类</title>
    <meta name="keywords" content="华易门店会员卡营销">
    <meta name="description" content="华易门店会员卡营销">
    <link href="__PUBLIC__static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/common.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/category.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/product.css" rel="stylesheet">
</head>
<body>
    <div class="wrapper">
        <nav class="top-nav">
            <ul class="clearfix">
                <li {if $categoryLevelOneId=='all' }class="active" {/if}>
                    <a href="{:url('/app/product',['categoryLevelOneId'=>'all'])}">全部</a></li>
                <li {if $categoryLevelOneId !='all' }class="active" {/if}>分类 <i class="fa fa-caret-down"></i>
                    <div class="drop-down">
                        <div class="arrow"></div>
                        {volist name="listLevelOne" id="item"}
                        <a href="{:url('/app/product/index',['categoryLevelOneId'=>$item.id])}" {if $categoryLevelOneId == $item['id']}class="on"{/if}">{$item['name']}</i></a> 
                        {/volist}
                    </div>
                </li>
                <li><a href="javascript:void(0);" class="icon-left fa fa-sitemap fa-lg" id="changeStyle"></a></li>
            </ul>
        </nav>
        <!-- <div class="nav-category clearfix">
            <ul class="category-head">
                <li {if $categoryLevelTwoId=='all' }class="active" {/if}><a href="{php echo $this->createMobileUrl('product',array('categoryLevelOneId'=>$categoryLevelOneId,'categoryLevelTwoId'=>'all'))}">全部</a></li>
                {volist name="listLevelTwo" id="item"}
                <li {if $categoryLevelTwoId==$item['id']}class="active" {/if}>
                    <a href="{:url('/app/product',['categoryLevelOneId'=>$categoryLevelOneId,'categoryLevelTwoId'=>$item.id])}">{$item['name']}</a>
                </li>
                {/volist}
            </ul>
        </div> -->
        <div class="product-list" id="productList">
            <ul class="list clearfix">
                {volist name="listProduct" id="item"}
                <li>
                    <a href="{:url('/app/product/info',['id'=>$item.id])}">
                        <div class="img_box flex-box justify-center center"><img class="lazyload" src="__PUBLIC__app/images/thumb.jpg" data-original="__PUBLIC__{$item['img_url']}" alt=""></div>
                        <div class="title">{$item['name']}</div>
                        <div class="middle">
                            <div class="comment">最新品</div>
                            <div class="num">正在热卖中</div>
                        </div>
                        <div class="bottom">
                            <div class="price"><span class="thick">¥{$item['price']}</span></div>
                            <button class="buy">详情</button>
                        </div>
                    </a>
                </li>
                {/volist}