- <script src="/static/js/lib/template/template-web.js"></script>
- <script>
- // 按条件排序
- $('.screen-left a').click(function () {
- var sort = $(this).data('sort');
- $(this).addClass('active').siblings('a').removeClass('active');
- $.get("{:url('index/Goods/getGoods')}", {sort: sort}, function (result) {
- if (result.code === 1) {
- var result = template("goodsTemplate", result);
- $('.all-goods').html(result);
- // 分页显示 1
- kkpager.selectPage(1);
- }
- }, 'json');
- })
- </script>
- 3.<script type="text/html" id="goodsTemplate">
- {literal}
- {{if data}}
- {{each data}}
- <li>
- <div class="content-par">
- <a href="#" class="zs-img">
- <img src="{{$value.thumb_url[0]}}" class="lazy-load">
- </a>
- <div class="samll-img">
- <div class="swiper-container gallery-thumbs">
- <div class="swiper-wrapper">
- {{each $value.thumb_url}}
- <div class='swiper-slide {{if $index==0}}swiper-myactive{{/if}}'><img
- src='{{$value}}' alt=''></div>
- {{/each}}
- </div>
- <div class="swiper-button-next swiper-button-white"></div>
- <div class="swiper-button-prev swiper-button-white"></div>
- </div>
- <i class="iconfont icon-icon_arrow_left prev"></i>
- <i class="iconfont icon-icon_arrow_right next"></i>
- </div>
- <div class="goods-serach-price"><sup></sup><span>{{$value.marketprice}}</span></div>
- <a href="#" class="goods-serach-name">{{$value.title}}</a>
- <p class="goods-serach-comment"><a href="#">3700+</a> 条评论 </p>
- <span class="goods-source">{{$value.detail_shopname}}</span>
- </div>
- </li>
- {{/each}}
- {{else/}}
- 找不到宝贝
- {{/if}}
- {/literal}
- </script>
注:{literal} {/literal} 是 tp5 标签, 使代码不被 tp5 模板引擎解析
来源: http://www.bubuko.com/infodetail-2692355.html