index.html 5.8 KB
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>home</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-wrap">
                <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>
            </div>
            <h1 class="logo home-logo iconfont">&#xe60b;</h1>
        </div>
        <div class="bd">
            <div class="slide-main">
                <div class="slide-box">
                    <div class="slide-wrap clearfix">
                        <div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/0179e17640e29e62b52439902484a8fa50.gif?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
                        <div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/01f0a56c52203da48881a64b336b41091b.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
                        <div class="box"><a href="javascript:;"><img src="http://img04.res.yoho.cn/blogimg/2014/11/17/11/025aadd704383ed18365f15a5e1cde9e5d.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
                    </div>
                </div>
                <div class="slide-navigator">
                    <div class="dib clearfix">
                        <a href="javascript:;" class="on"></a>
                        <a href="javascript:;"></a>
                        <a href="javascript:;"></a>
                    </div>
                </div>
            </div>
            <div class="channel-list">
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">
                            <div class="channel-pic activity iconfont">&#xe607;</div>
                            <h2 class="channel-name">ACTIVITY</h2>
                            <p class="channel-name-cn">活动详情</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="channel-pic counsel iconfont">&#xe609;</div>
                            <h2 class="channel-name">COUNSEL</h2>
                            <p class="channel-name-cn">最新资讯</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="channel-pic brand iconfont">&#xe608;</div>
                            <h2 class="channel-name">BRAND</h2>
                            <p class="channel-name-cn">参展品牌</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="channel-pic video iconfont">&#xe60d;</div>
                            <h2 class="channel-name">VIDEO</h2>
                            <p class="channel-name-cn">热点视频</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="channel-pic recmmend"></div>
                            <h2 class="channel-name">RECMMEND</h2>
                            <p class="channel-name-cn">限量推荐</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="channel-pic live iconfont">&#xe60a;</div>
                            <h2 class="channel-name">LIVE</h2>
                            <p class="channel-name-cn">现场活动</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="channel-pic show"></div>
                            <h2 class="channel-name">SHOW</h2>
                            <p class="channel-name-cn">潮流分享</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="channel-pic ticket iconfont"></div>
                            <h2 class="channel-name">TICKET</h2>
                            <p class="channel-name-cn">购票通道</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="channel-pic contact iconfont">&#xe60e;</div>
                            <h2 class="channel-name">CONTACT</h2>
                            <p class="channel-name-cn">联系我们</p>
                        </a>
                    </li>
                </ul>
            </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.index();
    })
</script>
</html>