首页-口袋购物

<section class="m-index-header">
    <a class="btn-search" href="../search/index.html"></a>
</section>
    {{
        var data = it.slider;
    }}

{{?data && data.data && data.data.themeDataDOList && data.data.themeDataDOList.length > 0}}
<div class="m-index-slider">
    <div class="flipsnap">
        {{~data.data.themeDataDOList:item:index}}
        <div class="item">
            <a class="J_paq" data-paq='{"text":"点击banner","id":"{{!item.id}}"}' href="{{!item.bannerUrl}}"><img src="{{!item.bannerImg}}"></a>
        </div>
        {{~}}
    </div>
    <div class="point">
        {{~data.data.themeDataDOList:item:index}}
            <span></span>
        {{~}}
    </div>
</div>
{{?}}
    
    <div class="section-zl">
        {{
            var data = it.themes.indexDOs;
            var titleData = {
                "dataSize" : it.themes.dataSize,
                "title": it.themes.title || null,
                "subTitle": it.themes.subTitle || null
            };
        }}
        
{{? titleData.title && titleData.subTitle && titleData.dataSize > 0}}
<section class="m-index-content-title">
    <div class="title-main">{{!titleData.title}}</div>
    <div class="title-sub">
        <div class="text">{{!titleData.subTitle}}</div>
    </div>
</section>
{{?}}
{{
    var titleData = null;
}}

<section class="m-index-two-column">
    <div class="item-list-wrapper"> 
        {{ 
            var itemList = data;
        }}
        {{~ itemList:item:index}}
    
    {{? item.source === 2 || item.source === 3}}
    <a class="m-index-two-column__itemcell" href="../item/index.html?itemId={{!item.id}}">
        <div class="img-wrapper">
            <img class="ui__lazyload"
                src="//assets.geilicdn.com/m/maimai/components/lib/imgs/1px_3580071.gif"
                data-src="{{!item.h5ItemMainPic}}?w=400&h=400&cp=1">
            <span class="item-sales">销量 {{!item.itemSold}}</span>
        </div>

<div class="item-title">
            {{!item.title}}
        </div>
        <div class="price">
            {{? item.itemPrice !== item.itemOriginPrice}}
            <span class="promote-price">¥{{!item.itemPrice / 100}}</span>
            <span class="original-price">¥{{!item.itemOriginPrice / 100}}</span>
            {{??}}
            <span class="price-only promote-price">¥{{!item.itemPrice / 100}}</span>
            {{?}}
            {{? item.discount > 0 && item.discount < 100}}
                <span class="item-discount">{{!item.discount / 10}}折</span>
            {{?}}
        </div>
    </a>
    
    {{?? item.source === 1}}
    <a class="m-index-two-column__itemcell" href="{{!item.h5url}}">
        <div class="placeholder"></div>
        <img class="ui__lazyload column-img" src="//assets.geilicdn.com/m/maimai/components/lib/imgs/1px_3580071.gif" data-src="{{!item.imgUrl}}">
    </a>
    
    {{?? item.source === 4}}
    <a class="m-index-two-column__itemcell" href="../cpc/index.html?themeCode={{!item.id}}">
        <div class="placeholder"></div>
        <img class="ui__lazyload column-img" src="//assets.geilicdn.com/m/maimai/components/lib/imgs/1px_3580071.gif" data-src="{{!item.imgUrl}}">
    </a>

{{?? item.source === 5}}
    <a class="m-index-shop-note" href="{{!item.h5url}}">
        <div class="img-wrapper">
            <img src="//assets.geilicdn.com/m/maimai/components/lib/imgs/1px_3580071.gif" data-src="{{!item.imgUrl.split('?')[0] + '?w=640&h=384&cp=1'}}">
        </div>
        <div class="shop-note-text">
            <div class="shop-note-title">{{!item.title}}</div>
            <div class="shop-note-content">{{!item.content}}</div>
        </div>
    </a>
    {{?}}
{{~}}

</div>
</section>
    </div>
    
    <div class="section-mrjx">
        {{
        var data = it.themeItems.indexDOs;
        var titleData = {
        "dataSize" : it.themeItems.dataSize,
        "title": it.themeItems.title || null,
        "subTitle": it.themeItems.subTitle || null
        };
        }}
        
{{? titleData.title && titleData.subTitle && titleData.dataSize > 0}}
<section class="m-index-content-title">
    <div class="title-main">{{!titleData.title}}</div>
    <div class="title-sub">
        <div class="text">{{!titleData.subTitle}}</div>
    </div>
</section>
{{?}}
{{
    var titleData = null;
}}

</div>
</section>
    </div>
    
    <div class="section-cnxh">
        {{
            var data = it.guessItems.indexDOs;
            var titleData = {
            "dataSize" : it.guessItems.dataSize,
            "title": it.guessItems.title || null,
            "subTitle": it.guessItems.subTitle || null
            };
        }}
        
{{? titleData.title && titleData.subTitle && titleData.dataSize > 0}}
<section class="m-index-content-title">
    <div class="title-main">{{!titleData.title}}</div>
    <div class="title-sub">
        <div class="text">{{!titleData.subTitle}}</div>
    </div>
</section>
{{?}}
{{
    var titleData = null;
}}

</div>
</section>
    </div>