jifuning
/
xinxi_zhongxin_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
							<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta name="format-detection"content="telephone=no">
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <link rel="stylesheet" href="../../css/projeck.css">
    <style media="screen">
        body,html{
            margin: 0;
            background: #fff;
        }
        .aui-searchbar{
            width: 86%;
            height: 50px;
            margin-left: 40px;
            background-color: transparent;
        }
        .aui-searchbar .aui-searchbar-btn{
            color: #fff;
        }
        .aui-searchbar-input{
            background: #fff;
        }
        .aui-searchbar-input input{
            color: #000;
        }
        #search-input::placeholder{
            color: #000;
            font-size: 13px;
        }
        .search_ico{
            width: 16px;
            height: 16px;
            display: block;
            position: absolute;
            background: url("../../image/seacrh001.png") no-repeat;
            background-size: cover;
            top: 7px;
            left: 17px;
        }
        .backBtn{
            margin-left: 5px;
        }
        #search-input{
            font-size: 14px;
        }
        .aui-searchbar-input{
            margin-right: 60px;
        }
        .search_btn{
            position: absolute;
            top: 10px;
            right: 10px;
            width: 54px;
            height: 31px;
            line-height: 31px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            color: #000;
            background: #fff;
            font-size: 13px;
        }
        .row{
            padding: 0 32px;
        }
    </style>
</head>
<body>
<div class="api_layout">
    <header class="header-login">
        <img class="backBtn" src="../../image/btn_back.png" alt="" tapmode onclick="backIndex()">
        <div class="aui-searchbar" id="search">
            <div class="aui-searchbar-input aui-border-radius">
                <i class="search_ico"></i>
                <form>
                    <input type="search" placeholder="搜索" id="search-input">
                </form>
            </div>
            <span class="search_btn">搜索</span>
        </div>
    </header>
    <nav>
        <ul class="row">
            <li>模拟量</li>
            <li></li>
        </ul>
    </nav>
</div>
</body>
</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
    apiready = function () {
        $api.fixStatusBar($api.dom('header') );
        api.parseTapmode();
        var info = $api.getStorage('data'),
            token = JSON.parse(info).data.access_token;
        funIniGroup(token);
    }
    var eHeaderLis;
    function funIniGroup(token){
        eHeaderLis = $api.domAll('.header-nav-items li'),
            frames = [];
        for (var i = 0,len = eHeaderLis.length; i < len; i++) {
            frames.push( {
                name: 'personal_frame'+i,
                url: 'personal_frame'+i+'.html',
                bgColor : '#f2f2f2',
                bounces:true,
                pageParam:{
                    data:token
                },
            } )
        }
        api.openFrameGroup({
            name: 'group',
            scrollEnabled: true,
            rect: {
                x: 0,
                y: $api.dom('header').offsetHeight+$api.dom('.api_nav').offsetHeight,
                w: api.winWidth,
                h: $api.winHeight
            },
            index: 0,
            frames: frames
        }, function (ret, err) {
            menuSelected(ret.index);
        });
    };
    function menuSelected(index) {
        for (var i = 0; i < eHeaderLis.length; i++) {
            if(index == i ){
                $api.addCls(eHeaderLis[i], 'active');
            }else {
                $api.removeCls(eHeaderLis[i], 'active');
            }
        }
    }
    function randomSwitchBtn( tag ) {
        if( tag == $api.dom('.header-nav-items li.active') )return;
        var eFootLis = $api.domAll('.header-nav-items li');
        index = 0;
        for (var i = 0,len = eFootLis.length; i < len; i++) {
            if( tag == eFootLis[i] ){
                index = i;
            }else{
                $api.removeCls(eFootLis[i], 'active');
            }
        }
        $api.addCls( eFootLis[index], 'active');
        api.setFrameGroupIndex({
            name: 'group',
            index: index
        });
    }
    function backIndex() {
        api.sendEvent({
            name: 'userInfo',
            extra: {
                key1: 'value1',
                key2: 'value2'
            }
        });
        api.closeWin();
    }
</script>