guang-new.hbs 7.1 KB
<div class="guang-new-page yoho-page">
    {{#if floorRes.focus}}
    <div class="swiper-top">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {{# floorRes.focus}}
                <div class="swiper-slide">
                    <a href="{{url}}">
                        {{#if @index}}
                        <img class="swiper-lazy" data-src="{{image2 src w=750 h=480 q=60}}" />
                        {{else}}
                        <img src="{{image2 src w=750 h=480 q=60}}" />
                        {{/if}}
                    </a>
                </div>
                {{/ floorRes.focus}}
            </div>
            <div class="swiper-pagination">
                <div class="wiper-pagination-bullets"></div>
            </div>
        </div>
    </div>
    {{/if}}
    {{#if floorRes.type}}
    <div class="swiper-tab">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {{#floorRes.type}}
                <div class="swiper-slide">
                    <a href="{{url}}">
                        <div class="tab-item" style="background-image: url({{image2 src w=200 h=640 q=90}})">
                            <div class="cover"></div>
                            <div class="title">{{alt}}</div>
                        </div>
                    </a>
                </div>
                {{/floorRes.type}}
            </div>
        </div>
    </div>
    {{/if}}
    {{#if floorRes.renQi}}
    <div class="big-title">
        人气
        <a class="iconfont" href="//m.yohobuy.com/guang/type?gender={{gender}}&type=1001">MORE&nbsp;&#xe604;</a>
    </div>
    <div class="swiper-page">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {{# floorRes.renQi}}
                <div class="swiper-slide {{#unless @index}}swiper-slide-active{{/unless}}">
                    <a href="//m.yohobuy.com/guang/{{id}}.html">
                        <div class="page-c">
                            {{#if @index}}
                            <img class="swiper-lazy" data-src="{{image2 src w=690 h=430 q=60}}" />
                            {{else}}
                            <img src="{{image2 src w=690 h=430 q=60}}" />
                            {{/if}}
                            <div class="info">
                                <p class="name eps">{{title}}</p>
                                <p class="type eps">{{min_sort_name}}</p>
                            </div>
                        </div>
                    </a>
                </div>
                {{/ floorRes.renQi}}
            </div>
        </div>
    </div>
    {{/if}}
    {{#if floorRes.daPei}}
    <div class="big-title">
        搭配
        <a class="iconfont" href="//m.yohobuy.com/guang/type?gender={{gender}}&type=2">MORE&nbsp;&#xe604;</a>
    </div>
    <div class="swiper-collocation">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {{# floorRes.daPei}}
                <div class="swiper-slide">
                    <a href="//m.yohobuy.com/guang/{{id}}.html">
                        <img class="swiper-lazy" data-src="{{image2 src w=590 h=370 q=60}}" />
                        <p class="eps-2">{{title}}</p>
                    </a>
                </div>
                {{/ floorRes.daPei}}
            </div>
        </div>
    </div>
    {{/if}}
    {{!
    <div class="big-title hide">
        限定
        <span class="iconfont">MORE&nbsp;&#xe604;</span>
    </div>
    <div class="swiper-limit hide">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="http://img10.static.yhbimg.com/article/2017/10/23/16/01b08f8dee3abc9025cd677e46d875a6b9.jpg" />
                    <div class="info">
                        <div class="name eps-2">Nikes Air Force 1 Is Headed</div>
                        <div class="title">发布日期</div>
                        <div class="name">2017/6/15</div>
                        <div class="title">发售价格</div>
                        <div class="name"7999.00</div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    }}
    {{#if floorRes.haoHuo}}
    <div class="big-title">
        好货
        <a class="iconfont" href="//m.yohobuy.com/guang/type?gender={{gender}}&type=4">MORE&nbsp;&#xe604;</a>
    </div>
    <div class="goods-list clearfix">
        {{# floorRes.haoHuo}}
        <div class="goods-item">
            <a href="//m.yohobuy.com/guang/{{id}}.html">
                <img class="lazy" data-original="{{image2 src w=360 h=224 q=60}}" />
                <div class="info">
                    <p class="name eps-2 eps-3">{{title}}</p>
                    <p class="tips">#{{min_sort_name}}#</p>
                </div>
            </a>
        </div>
        {{/ floorRes.haoHuo}}
    </div>
    {{/if}}
    {{!
    <div class="big-title hide">
        人物
        <span class="iconfont">MORE&nbsp;&#xe604;</span>
    </div>
    <div class="person-list clearfix hide">
        <div class="person-item">
            <img src="http://img10.static.yhbimg.com/yhb-img01/2017/10/27/12/01fee21a2b9808e42f02ad2217b59a1491.jpg" />
            <p class="eps">马思唯:有趣的人会买东西</p>
        </div>
    </div>
    <div class="big-title hide">
        SHOW
        <span class="iconfont">MORE&nbsp;&#xe604;</span>
    </div>
    <div class="swiper-show hide">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="" />
                    <p class="words eps-2"></p>
                    <div class="auther">
                        <span class="name"></span>
                        <span class="iconfont">&#xe601;</span>    
                    </div>
                </div>
            </div>
        </div>
    </div>
    }}
    <div class="big-title">

        <a class="iconfont" href="//m.yohobuy.com/guang/type?gender={{gender}}&type=0">MORE&nbsp;&#xe604;</a>
    </div>
    <div class="guang-list"></div>
    {{!
    <div class="trend-list hide">
        <div class="trend-item">
            <img src="http://img11.static.yhbimg.com/yhb-img01/2017/10/27/11/01ea9512175a0c5795bfd01048271b654e.jpg" />
            <p class="intro eps-2">虽然每一年说流行这个那个颜色,但是相信很多潮人穿上身的还是逃不开黑白灰,真是无趣的要...</p>
            <div class="auther">
                <div class="pic" style="background-image:url(http://img11.static.yhbimg.com/yhb-img01/2017/10/27/11/01ea9512175a0c5795bfd01048271b654e.jpg)"></div>
                <div class="name">川本小一</div>
            </div>
        </div>
    </div>
    }}
    <a href="//m.yohobuy.com/guang/type?gender={{gender}}&type=0" class="guang-fixed fixed {{#if @root.isWechat}}is-wechat{{/if}}"></a>
    <div class="float-top fixed {{#if @root.isWechat}}is-wechat{{/if}}"></div>
</div>
{{#if @root.isWechat}}
<div class="footer-tab-c">
    {{> footer-tab}}
</div>
{{/if}}