template.html 5.57 KB
<div class="template-container">
    {{# data}}
        <div class="tpl-block clearfix {{# introduction}}intro{{/ introduction}}{{# recommendation}}reco{{/ recommendation}}{{# goods}}goods{{/ goods}}">
            {{# introduction.items}}
                {{# img}}
                    <div class="img-container">
                        <img class="img lazy" data-original="{{src}}" alt="{{alt}}">
                    </div>
                {{/ img}}
                {{# text}}
                    <p class="text">{{.}}</p>
                {{/ text}}
                {{> common/brands}}
            {{/ introduction.items}}
            {{# recommendation.recos}}
                <div class="reco-good-info">
                    <div class="img-container">
                        <a href="{{url}}">
                            <img class="thumb lazy" data-original="{{thumb}}">
                        </a>
                    </div>
                    <div class="text-container">
                        <a class="name" href="{{url}}">{{name}}</a>
                        <div class="sale-price">
                            ¥{{salePrice}}
                        </div>
                        <div class="price">
                            ¥{{price}}
                        </div>
                    </div>
                </div>
            {{/ recommendation.recos}}

            {{# goods}}
                <div class="goods-container">
                    <ul id="goods-nav" class="goods-nav">
                        <li class="nav-item new-patterns-nav focus">最新</li>
                        <li class="nav-item sales-volume-nav">
                            销量
                            <span class="sort">
                                <i class="up iconfont">&#xe608;</i>
                                <i class="down iconfont cur">&#xe609;</i>
                            </span>
                        </li>
                        <li class="nav-item price-nav">
                            价格
                            <span class="sort">
                                <i class="up iconfont cur">&#xe608;</i>
                                <i class="down iconfont">&#xe609;</i>
                            </span>
                        </li>
                        <li class="nav-item screen-nav">筛选</li>
                    </ul>
                    <div id="goods-content" class="goods-content clearfix">
                        <div class="new-patterns-container">
                            {{# newPatterns}}
                                {{> common/good_info}}
                            {{/ newPatterns}}
                        </div>
                        <div class="sales-volume-container hide">
                            {{# salesVolume}}
                                {{> common/good_info}}
                            {{/ salesVolume}}
                        </div>
                        <div class="price-container hide">
                            {{# price}}
                                {{> common/good_info}}
                            {{/ price}}
                        </div>
                        <div id="screen-mask" class="screen-mask hide"></div>
                        <div id="screen-content" class="screen-content hide">
                            <ul class="classify">
                                <li class="brand c-item active">
                                    品牌:
                                    <h1 id="show-brand" class="chosed default">所有品牌</h1>
                                </li>
                                <li class="msort c-item">
                                    品类:
                                    <h1 id="show-msort" class="chosed default">所有品类</h1>
                                </li>
                                <li class="color c-item">
                                    颜色:
                                    <h1 id="show-color" class="chosed default">所有颜色</h1>
                                </li>
                                <li class="size c-item">
                                    尺码:
                                    <h1 id="show-size" class="chosed default">所有尺码</h1>
                                </li>
                                <li class="price c-item">
                                    价格:
                                    <h1 id="show-price" class="chosed default">所有价格</h1>
                                </li>
                                <li class="discount c-item">
                                    折扣:
                                    <h1 id="show-discount" class="chosed default">所有折扣</h1>
                                </li>
                            </ul>
                            <div class="sub-classify-container">
                                <ul id="sub-brand" class="sub-classify" data-type="brand"></ul>
                                <ul id="sub-msort" class="sub-classify hide" data-type="msort"></ul>
                                <ul id="sub-color" class="sub-classify hide" data-type="color"></ul>
                                <ul id="sub-size" class="sub-classify hide" data-type="size"></ul>
                                <ul id="sub-price" class="sub-classify hide" data-type="price"></ul>
                                <ul id="sub-discount" class="sub-classify hide" data-type="discount"></ul>
                            </div>
                        </div>
                    </div>
                </div>
            {{/ goods}}
        </div>
    {{/ data}}
</div>