审查视图

public/themes/simpleboot3/portal/classify/classify.html 11.2 KB
anyv authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学考无忧-分类</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
</head>

<body>
<div class="classification_box">
    <!-- 顶部 -->
    <div class="cl_top">
        <!--  分类 -->
g  
anyv authored
18 19 20
        <!--<div class="cl_title">-->
            <!--&lt;!&ndash;<h1>分类</h1>&ndash;&gt;-->
            <!--<div class="cl_titleImg">-->
anyv authored
21
g  
anyv authored
22 23
            <!--</div>-->
        <!--</div>-->
anyv authored
24 25 26
        <!-- 导航 -->
        <div class="cl_nav">
            <ul>
anyv authored
27
                <volist name="data_classify" id="vo">
anyv authored
28
                    <li onclick="classify_goods({$vo.id})" class="<eq name='$vo.id' value='$class'>cl_navActive</eq>" data-id="{$vo.id}">{$vo.name}</li>
anyv authored
29
                </volist>
anyv authored
30 31 32 33 34
            </ul>
        </div>
        <!-- 分类2 -->
        <div class="cl_list2">
            <ul>
anyv authored
35
                <volist name="data_label" id="vo">
anyv authored
36
                    <li onclick="lable_goods({$vo.id})" data-id="{$vo.id}">{$vo.name}</li>
anyv authored
37
                </volist>
anyv authored
38 39 40 41 42 43
            </ul>
        </div>
    </div>
    <!-- 搜索导航 -->
    <div class="se_nav">
        <ul>
anyv authored
44
            <li class="synthesize se_navactvie" onclick="classify_synthesis()">综合</li>
anyv authored
45
            <li class="sales" onclick="classify_sales()">销量
anyv authored
46
                <img src="__TMPL__/public/assets/images/s1.png" alt="">
anyv authored
47
            </li>
anyv authored
48
            <li class="price" onclick="classify_price()">价格
anyv authored
49
                <img src="__TMPL__/public/assets/images/s1.png" alt="">
anyv authored
50 51 52 53 54
            </li>
        </ul>
    </div>
    <!-- 搜索内容 -->
    <div class="in_hot_shop se_con">
anyv authored
55
        <volist name="data_goods" id="vo">
anyv authored
56
                <div class="in_hotLi">
anyv authored
57
                    <a href="{:url('Goodsdetails/Goods_details',array('goods_id'=>$vo.id))}">
anyv authored
58 59 60 61
                    <div class="in_hotImg">
                        <img src="{:cmf_get_image_url($vo.show_img)}" alt="">
                    </div>
                    <div class="in_hotText">
anyv authored
62
                        <div class="in_hotName txt-cut"><span>{$vo.grade}</span>{$vo.book_name}</div>
anyv authored
63 64
                        <div class="in_cam_shopPrice">
                            <div class="in_hotPrice1"><span>{$vo.price0}</span>.{$vo.price01}</div>
5  
anyv authored
65
                            <div class="in_cam_shopY">¥{$vo.pricing}</div>
anyv authored
66
                        </div>
anyv authored
67
                    </div>
1  
anyv authored
68
                    </a>
anyv authored
69
                </div>
anyv authored
70
        </volist>
anyv authored
71 72 73 74 75 76
    </div>
    <!-- 底部更多 -->
    <div class="in_what">—— 已经到底了哦 ——</div>
    <!-- 底部一级导航 -->
    <div class="in_bottom">
        <ul>
anyv authored
77 78 79 80 81 82
            <a href="{:url('Index/index')}">
                <li>
                    <img src="__TMPL__/public/assets/images/22.png" alt="">
                    <p>首页</p>
                </li>
            </a>
anyv authored
83 84 85 86
            <li>
                <img src="__TMPL__/public/assets/images/21.png" alt="">
                <p style="color:#FF7700;">分类</p>
            </li>
anyv authored
87 88 89 90 91 92 93 94 95 96 97 98
            <a href="{:url('Shopcart/shop_cart')}">
                <li>
                    <img src="__TMPL__/public/assets/images/17.png" alt="">
                    <p>购物车</p>
                </li>
            </a>
            <a href="{:url('Personalcenter/Personal_center')}">
                <li>
                    <img src="__TMPL__/public/assets/images/18.png" alt="">
                    <p>我的</p>
                </li>
            </a>
anyv authored
99 100 101 102 103 104
        </ul>
    </div>
</div>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script>
anyv authored
105 106 107 108
    /**
     *分类下的商品
     */
    function classify_goods(id){
anyv authored
109 110 111
        $('.sales').removeClass('se_navactvie');
        $('.price').removeClass('se_navactvie');
        $('.synthesize').addClass('se_navactvie');
anyv authored
112
        $('.se_nav ul li').children('img').attr('src', '__TMPL__/public/assets/images/s1.png');
anyv authored
113
        $('.cl_list2 ul li').removeClass('cl_Active2');
anyv authored
114 115 116 117
        $.post("{:url('Classify/classify_goods')}",{classify_id:id},function(data){
            $('.in_hotLi').remove();
            data_arr = JSON.parse(data);
            for(var i=0;i<data_arr.length;i++){
anyv authored
118
                show_img = data_arr[i].show_img;
anyv authored
119
                url = "{:url('Goodsdetails/Goods_details')}?goods_id="+data_arr[i].id;
5  
anyv authored
120
                $('.se_con').append("<div class='in_hotLi'><a href='"+url+"'><div class='in_hotImg'><img src='"+show_img+"'></div><div class='in_hotText'><div class='in_hotName txt-cut'><span>"+data_arr[i].grade+"</span>"+data_arr[i].book_name+"</div><div class='in_cam_shopPrice'><div class='in_hotPrice1'>¥<span>"+data_arr[i].price0+"</span>."+data_arr[i].price01+"</div><div class='in_cam_shopY'>¥"+data_arr[i].pricing+"</div></div></div></a></div>");
anyv authored
121 122 123
            }
        });
    }
anyv authored
124 125 126 127 128 129 130

    /**
     *分类标签下的商品
     */
    function lable_goods(id){
        classify_id = $('.cl_navActive').attr('data-id');
        $.post("{:url('Classify/classify_lable_goods')}",{label_id:id,classify_id:classify_id},function(data){
anyv authored
131 132 133 134
            $('.in_hotLi').remove();
            data_arr = JSON.parse(data);
            for(var i=0;i<data_arr.length;i++){
                show_img = data_arr[i].show_img;
anyv authored
135
                url = "{:url('Goodsdetails/Goods_details')}?goods_id="+data_arr[i].id;
5  
anyv authored
136
                $('.se_con').append("<div class='in_hotLi'><a href='"+url+"'><div class='in_hotImg'><img src='"+show_img+"'></div><div class='in_hotText'><div class='in_hotName txt-cut'><span>"+data_arr[i].grade+"</span>"+data_arr[i].book_name+"</div><div class='in_cam_shopPrice'><div class='in_hotPrice1'>¥<span>"+data_arr[i].price0+"</span>."+data_arr[i].price01+"</div><div class='in_cam_shopY'>¥"+data_arr[i].pricing+"</div></div></div></a></div>");
anyv authored
137
            }
anyv authored
138 139
        });
    }
anyv authored
140 141

    /**
anyv authored
142
     *销量排序
anyv authored
143 144 145 146
     */
    function classify_sales(){
        classify_id = $('.cl_navActive').attr('data-id');
        lable_id = $('.cl_Active2').attr('data-id');
anyv authored
147
        $.post("{:url('Classify/classify_sales')}",{classify_id:classify_id,lable_id:lable_id},function(data){
anyv authored
148 149 150 151
            $('.in_hotLi').remove();
            data_arr = JSON.parse(data);
            for(var i=0;i<data_arr.length;i++){
                show_img = data_arr[i].show_img;
anyv authored
152
                url = "{:url('Goodsdetails/Goods_details')}?goods_id="+data_arr[i].id;
5  
anyv authored
153
                $('.se_con').append("<div class='in_hotLi'><a href='"+url+"'><div class='in_hotImg'><img src='"+show_img+"'></div><div class='in_hotText'><div class='in_hotName txt-cut'><span>"+data_arr[i].grade+"</span>"+data_arr[i].book_name+"</div><div class='in_cam_shopPrice'><div class='in_hotPrice1'>¥<span>"+data_arr[i].price0+"</span>."+data_arr[i].price01+"</div><div class='in_cam_shopY'>¥"+data_arr[i].pricing+"</div></div></div></a></div>");
anyv authored
154
            }
anyv authored
155
        });
anyv authored
156
    }
anyv authored
157 158 159 160 161 162 163 164 165 166 167 168

    /**
     *价格排序
     */
    function classify_price(){
        classify_id = $('.cl_navActive').attr('data-id');
        lable_id = $('.cl_Active2').attr('data-id');
        $.post("{:url('Classify/classify_price')}",{classify_id:classify_id,lable_id:lable_id},function(data){
            $('.in_hotLi').remove();
            data_arr = JSON.parse(data);
            for(var i=0;i<data_arr.length;i++){
                show_img = data_arr[i].show_img;
anyv authored
169
                url = "{:url('Goodsdetails/Goods_details')}?goods_id="+data_arr[i].id;
5  
anyv authored
170
                $('.se_con').append("<div class='in_hotLi'><a href='"+url+"'><div class='in_hotImg'><img src='"+show_img+"'></div><div class='in_hotText'><div class='in_hotName txt-cut'><span>"+data_arr[i].grade+"</span>"+data_arr[i].book_name+"</div><div class='in_cam_shopPrice'><div class='in_hotPrice1'>¥<span>"+data_arr[i].price0+"</span>."+data_arr[i].price01+"</div><div class='in_cam_shopY'>¥"+data_arr[i].pricing+"</div></div></div></a></div>");
anyv authored
171 172 173
            }
        });
    }
anyv authored
174 175 176 177 178 179 180 181

    /**
     *综合
     */
    function classify_synthesis(){
        classify_id = $('.cl_navActive').attr('data-id');
        lable_id = $('.cl_Active2').attr('data-id');
        if(lable_id){
anyv authored
182 183 184 185 186
            $.post("{:url('Classify/classify_lable_goods')}",{label_id:lable_id,classify_id:classify_id},function(data){
                $('.in_hotLi').remove();
                data_arr = JSON.parse(data);
                for(var i=0;i<data_arr.length;i++){
                    show_img = data_arr[i].show_img;
anyv authored
187
                    url = "{:url('Goodsdetails/Goods_details')}?goods_id="+data_arr[i].id;
5  
anyv authored
188
                    $('.se_con').append("<div class='in_hotLi'><a href='"+url+"'><div class='in_hotImg'><img src='"+show_img+"'></div><div class='in_hotText'><div class='in_hotName txt-cut'><span>"+data_arr[i].grade+"</span>"+data_arr[i].book_name+"</div><div class='in_cam_shopPrice'><div class='in_hotPrice1'>¥<span>"+data_arr[i].price0+"</span>."+data_arr[i].price01+"</div><div class='in_cam_shopY'>¥"+data_arr[i].pricing+"</div></div></div></a></div>");
anyv authored
189 190
                }
            });
anyv authored
191
        }else{
anyv authored
192 193 194 195 196
            $.post("{:url('Classify/classify_goods')}",{classify_id:classify_id},function(data){
                $('.in_hotLi').remove();
                data_arr = JSON.parse(data);
                for(var i=0;i<data_arr.length;i++){
                    show_img = data_arr[i].show_img;
anyv authored
197
                    url = "{:url('Goodsdetails/Goods_details')}?goods_id="+data_arr[i].id;
5  
anyv authored
198
                    $('.se_con').append("<div class='in_hotLi'><a href='"+url+"'><div class='in_hotImg'><img src='"+show_img+"'></div><div class='in_hotText'><div class='in_hotName txt-cut'><span>"+data_arr[i].grade+"</span>"+data_arr[i].book_name+"</div><div class='in_cam_shopPrice'><div class='in_hotPrice1'>¥<span>"+data_arr[i].price0+"</span>."+data_arr[i].price01+"</div><div class='in_cam_shopY'>¥"+data_arr[i].pricing+"</div></div></div></a></div>");
anyv authored
199 200
                }
            });
anyv authored
201 202
        }
    }
anyv authored
203 204
</script>
<script>
anyv authored
205 206
    $('.cl_nav ul li').click(function() {
        $(this).addClass('cl_navActive').siblings().removeClass('cl_navActive');
1  
anyv authored
207
    });
anyv authored
208
anyv authored
209 210
    $('.se_nav ul li').click(function() {
        $(this).addClass('se_navactvie').siblings().removeClass('se_navactvie');
anyv authored
211 212 213
        $(this).addClass('se_navactvie').siblings().children('img').attr('src', '__TMPL__/public/assets/images/s1.png')
        if ($(this).children('img').attr('src') == "__TMPL__/public/assets/images/s1.png") {
            $(this).children('img').attr('src', '__TMPL__/public/assets/images/s2.png')
anyv authored
214
        } else {
anyv authored
215
            $(this).children('img').attr('src', '__TMPL__/public/assets/images/s1.png')
anyv authored
216
        }
1  
anyv authored
217
    });
anyv authored
218
//    分类tab
1  
anyv authored
219
    $('.cl_list2 ul li').each(function () {
1  
anyv authored
220
        $(this).click(function () {
anyv authored
221 222 223 224 225
            $('.sales').removeClass('se_navactvie');
            $('.price').removeClass('se_navactvie');
            $('.synthesize').addClass('se_navactvie');
            $('.se_nav ul li').children('img').attr('src', '__TMPL__/public/assets/images/s1.png');
            $('.cl_list2 ul li').removeClass('cl_Active2');
1  
anyv authored
226 227
            $(this).addClass('cl_Active2').siblings().removeClass('cl_Active2');
        })
anyv authored
228
    })
1  
anyv authored
229
anyv authored
230 231 232 233
</script>
</body>

</html>