admin.html 7.31 KB
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="UTF-8">
    <!-- Remove this line if you use the .htaccess -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="#">
    <meta name="author" content="#">
    <title>七巧板活动页面-装修</title>
    
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="shortcut icon" type="image/png" href="favicon.png">
    
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/admin.css">
    <!--[if lt IE 9]>
        <script src="../js/html5.js"></script>
    <![endif]-->
</head>
<body>
    <header>
        <div class="container clearfix">
            <h1><a href="/" class="logo"><img src="../images/dist/logo.png" alt=""><span class="slogn">七巧板活动页面——装修</span></a></h1>
            
            <div class="btns">
                <a href="">页面备份</a><span class="dived">|</span>
                <a href="">页面还原</a><span class="dived">|</span>
                <a href="" class="btn btn-blue t-all">预览</a>
                <a href="" class="btn btn-blue t-all">发布</a>
            </div>
        </div>
    </header>
    <div class="container">
        
        <!-- 操作面板 -->
        <aside class="op-groups">
            <ul>
                <li><a href="" class="t-all">背景设置<i class="m-icon icon-angle"></i></a></li>
                <li><a href="" class="t-all">SEO设置<i class="m-icon icon-angle"></i></a></li>
                <li><a href="" class="t-all">CSS设置<i class="m-icon icon-angle"></i></a></li>
            </ul>
        </aside>
        <!-- 模拟器 -->
        <section class="simulator">
            <div class="wrap">
                <div class="inner">
                    <div class="holder">
                        <span class="title" style="flat">轮播图</span>
                        <div class="ops">
                            <a href="" class="m-btn btn-down"><i class="m-icon icon-admin_19"></i>下移</a>
                            <a href="" class="m-btn btn-up"><i class="m-icon icon-admin_16"></i>上移</a>
                            <a href="" class="m-btn btn-setting"><i class="m-icon icon-admin_17"></i> 设置</a>
                            <a href="" class="m-btn btn-del"><i class="m-icon icon-admin_18"></i> 删除</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 模块面板 -->
        <section class="module">
            <hgroup class="common clearfix">
            <h2>公共模块</h2>
            <div class="module-content flexslider">
                <div class="slides">
                    <div class="slide">
                        <div class="item-box">
                            <div class="item">
                                <i class="m-icon icon-admin_9"></i>
                                轮播图
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_10"></i>
                                热点
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_11"></i>
                                自定义
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_12"></i>
                                页卡
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_13"></i>
                                图片墙
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_14"></i>
                                九宫格
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_15"></i>
                                多行
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_2"></i>
                                楼层导航
                            </div>
                        </div>
                    </div>
                    <div class="slide">
                        <div class="item-box">
                            <div class="item">
                                <div><i class="m-icon icon-admin_9"></i></div>
                                轮播图
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_10"></i>
                                热点
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_11"></i>
                                自定义
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_12"></i>
                                页卡
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_13"></i>
                                图片墙
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_14"></i>
                                九宫格
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_15"></i>
                                多行
                            </div>
                            <div class="item">
                                <i class="m-icon icon-admin_2"></i>
                                楼层导航
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </hgroup>
            <hgroup class="sale">
            <h2>销售模块</h2>
            <div class="module-content">
                <div class="item">
                    <i class="m-icon icon-admin_7"></i>
                    PNR商品
                </div>
            </div>
            </hgroup>
        </section>
    </div>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script src="../js/jquery.flexslider-min.js"></script>

    <script type="text/javascript">
        $(function(){
           $('.flexslider').flexslider({
                smoothHeight: false, 
                controlNav: true,           
                directionNav: true,  
                prevText: "",
                nextText: "",
                selector: ".slides > .slide",
                slideshowSpeed:5000,
                animation:"slide",
                slideshow:false
            });
        });
    </script>
</body>
</html>