video.html 5.48 KB
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>video</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 user-scalable=no" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="yes" name="apple-touch-fullscreen" />
    <meta content="telephone=no" name="format-detection" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <link rel="stylesheet" href="../../../res/css/mobile.css"/>
</head>
<body>
    <div class="mobile-wrap">
        <div class="hd">
            <div class="header-download clearfix">
                <div class="tip-pic"></div>
                <div class="tip-info">
                    <h2>YOHO!有货</h2>
                    <p>随手随心,潮流购物利器大公开</p>
                    <a class="yohoboy-download-app">OPEN</a>
                </div>
                <span class="tip-close"></span>
            </div>
            <h1 class="logo iconfont"><a class="back-btn iconfont" href="javascript:;">&#xe60f;</a>&#xe60b;</h1>
        </div>
        <div class="bd">
            <h2 class="main-title">热门视频</h2>
            <div class="video-main content-main">
                <div class="video-wrap">
                    <div class="main-layout clearfix">
                        <div class="layout-item tiled">
                            <div class="image-box">
                                <a href="javascript:;">
                                    <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
                                    <i class="play-icon"></i>
                                </a>
                                <a class="item-tag" href="javascript:;">视频</a>         
                            </div>
                            <div class="content">
                                <h2 class="volupia">
                                    <a href="/news/detail/id/169">test</a>
                                </h2>
                                <p>content</p>
                                <p class="time">2014.07.25</p>
                            </div>
                        </div>
                        <div class="layout-item tiled">
                            <div class="image-box">
                                <a href="javascript:;">
                                    <img src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="">
                                </a>
                                <a class="item-tag" href="javascript:;">视频</a>
                            </div>
                            <div class="content">
                                <h2 class="volupia">
                                    <a href="/news/detail/id/169">test</a>
                                </h2>
                                <p>content</p>
                                <p class="time">2014.07.25</p>
                            </div>
                        </div>
                        <div class="layout-item tiled">
                            <div class="image-box">
                                <a href="javascript:;">
                                    <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="">
                                </a>
                                <a class="item-tag" href="javascript:;">视频</a>
                            </div>
                            <div class="content">
                                <h2 class="volupia">
                                    <a href="/news/detail/id/169">test</a>
                                </h2>
                                <p>content</p>
                                <p class="time">2014.07.25</p>
                            </div>
                        </div>
                        <div class="layout-item tiled">
                            <div class="image-box">
                                <a href="javascript:;">
                                    <img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="">
                                </a>
                                <a class="item-tag" href="javascript:;">视频</a>
                            </div>
                            <div class="content">
                                <h2 class="volupia">
                                    <a href="/news/detail/id/169">test</a>
                                </h2>
                                <p>content</p>
                                <p class="time">2014.07.25</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="pageContent" style="text-align: center;" class="pagination">
                    <div class="pagination-inner clearfix" id="img_page" model="default" rel="">
                        <a href="javascript:;"><span class="iconfont">&#xe60f;</span>&nbsp;PREV</a>
                        <a href="javascript:;">NEXT&nbsp;<span class="iconfont">&#xe610;</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../../res/js/lib/seajs.js"></script>
<script type="text/javascript">
    seajs.use(['zepto', 'mobile'],function($, mobile){
        //mobile.common();
        mobile.brand();
    })
</script>
</html>