商品列表行、块展示切换

商品列表行、块展示切换效果

效果图：

 

主要思路：

写两个css，分别是行展示和块展示；默认只出现一个行展示css，点击切换按钮时，将html中的css替换成块展示css

主要代码块：

<div class="demand_list_1 clearfloat">
            <div class="demand_item">
                <a class="item_img"><img src="images/direct_purchase/Seasoning.png" /></a>
                <div>
                    <a class="title">白泉熏鱼</a>
                    <p class="item_list">
                        <span>价格:￥23.00</span>
                        <span>分类:干货</span>
                    </p>
                    <div class="clear">
                    </div>
                    <p class="time">2018.09.09发布</p>
                </div>
            </div>
            <div class="demand_item">
                <a href="" class="item_img"><img src="images/direct_purchase/Seasoning.png" /></a>
                <div>
                    <a href="" class="title">白泉熏鱼</a>
                    <p class="item_list">
                        <span>价格:￥23.00</span>