brand.html 6.09 KB
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>brand</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">
            <div class="search-wrap">
                <input type="text">
                <a href="javascript:;" class="search-btn"><span class="iconfont">&#xe611;</span><em>搜索</em></a>
            </div>
            <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">
                    </div>
                </div>
            </div>
            <div class="brand-main">
                <div class="brand-content">
                    <ul class="brand-list cooperation-list clearfix">
                        <li>
                            <a href="javascript:;" target="_blank">
                                <div class="img-box">
                                    <img src="../../../res/images/yohood/cooperation/brand-img.png" alt="">
                                </div>
                                <p>004</p>
                            </a>
                        </li>
                        <li><a href="javascript:;" target="_blank">
                            <div class="img-box">
                                <img src="../../../res/images/yohood/cooperation/brand-img.png" alt="">
                            </div>
                            <p>004</p>
                        </a></li>
                        <li><a href="javascript:;" target="_blank">
                            <div class="img-box">
                                <img src="../../../res/images/yohood/cooperation/brand-img.png" alt="">
                            </div>
                            <p>004</p>
                        </a></li>
                        <li><a href="javascript:;" target="_blank">
                            <div class="img-box">
                                <img src="../../../res/images/yohood/cooperation/brand-img.png" alt="">
                            </div>
                            <p>004</p>
                        </a></li>
                        <li><a href="javascript:;" target="_blank">
                            <div class="img-box">
                                <img src="../../../res/images/yohood/cooperation/brand-img.png" alt="">
                            </div>
                            <p>004</p>
                        </a></li>
                        <li><a href="javascript:;" target="_blank">
                            <div class="img-box">
                                <img src="../../../res/images/yohood/cooperation/brand-img.png" alt="">
                            </div>
                            <p>004</p>
                        </a></li>
                        <li><a href="javascript:;" target="_blank">
                            <div class="img-box">
                                <img src="../../../res/images/yohood/cooperation/brand-img.png" alt="">
                            </div>
                            <p>004</p>
                        </a></li>
                        <li><a href="javascript:;" target="_blank">
                            <div class="img-box">
                                <img src="../../../res/images/yohood/cooperation/brand-img.png" alt="">
                            </div>
                            <p>004</p>
                        </a></li>
                        <li><a href="javascript:;" target="_blank">
                            <div class="img-box">
                                <img src="../../../res/images/yohood/cooperation/brand-img.png" alt="">
                            </div>
                            <p>004</p>
                        </a></li>
                    </ul>
                    <div class="no-search">
                        <p>未搜索到“jucy judy”的相关品牌</p>
                        <a href="javascript:;"><查看全部品牌</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="overlay"></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>