index320.html 2.18 KB
<!--banner-->
<div class="banner">
    <div class="swiper-container public-banner">
        <ul class="swiper-wrapper">
            {{#indexBanner}}
                <li class="swiper-slide">
                    <a href="{{href}}">
                        <img src="{{img}}" alt="banner"/>
                    </a>
                </li>
            {{/indexBanner}}
        </ul>
    </div>
    <div class="pagination-wrap">
        <div class="pagination"></div>
    </div>
</div>
<!--content-->
<div class="home-content">
    <ul>
        {{#indexContent}}
            <li id="{{#pop}}pop{{/pop}}" class="content-item channel-{{channel}}">
                <a class="img-link" href="{{href}}">
                    <img src="{{img}}" alt=""/>
                </a>
                <h2>{{title}}</h2>
                <h3>{{subTitle}}</h3>
                <time>{{channel}} | {{time}}</time>
                <p>{{content}}</p>
            </li>
        {{/indexContent}}
    </ul>
    <!--follow us-->
    <div class="follow-us">
        <h2>关注我们</h2>
        <ul>
            <li class="follow-show"><a href="">show</a></li>
            <li class="follow-sina"><a href="">sina</a></li>
            <li class="follow-facebook"><a href="">facebook</a></li>
            <li class="follow-instagram"><a href="">instagram</a></li>
        </ul>
        <div class="rss">
            <input type="text" name="" placeholder="metro-cpu@hotmail.com" id=""/>
            <span class="rss-btn">订阅</span>
        </div>
    </div>
    <!--switch-page-->
    <div class="switch-page">
        <a href="#" class="switch-prev">上一页</a>
        <a href="#" class="switch-next">下一页</a>
    </div>
</div>
<!--download-->
<div class="home-download">
    <div>
        <span class="app-icon"></span>
        <h2>YOHO!GIRLS</h2>
        <h3>No Fashion,No Life!</h3>
        <p>线上周刊,带你览遍世界仙踪</p>
        <a href="#" class="down-btn">下载客户端</a>
    </div>
    <div>
        <span class="app-icon"></span>
        <h2>YOHO!BOYS</h2>
        <h3>We love to Play & Learn</h3>
        <p>线上周刊,潮流百科生活指南</p>
        <a href="#" class="down-btn">下载客户端</a>
    </div>
</div>