apicloud模版

<!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" />
    <title>userindex</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/lib.css" />
    <style>
        /* common */
        html,
        body {
            color: #ffffff;
        }

        ul li {
            list-style: none;
        }
        .icon {
            background-size: 100% 100%;
            border-radius: 50%;
            background-color: #ffffff;
        }

        .ui-nowrap {
            white-space: nowrap;
        }
        }

        .container {

        }
            </style>
</head>

<body id="wrap">
    <header></header>
    <section>
        <div class="container ui-font-size12 ui-column ui-flex-nowrap ui-bold">
        </div>
    </section>
    <footer></footer>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/knockout.js"></script>
<script type="text/javascript" src="../../script/lib.js"></script>
<script type="text/javascript">
    apiready = function () {
        //适配ios7+
        var header = $api.dom('header');
        var footer = $api.dom('footer');
        var headerH = $api.fixStatusBar(header);
        var footerH = $api.fixTabBar(footer);
        console.log(headerH + footerH);
        $api.css($api.dom('.container'), 'height:calc(100vh - ' + (headerH + footerH) + 'px)');
        // 监听回退键
        api.addEventListener({
            name: 'keyback'
        }, function (ret) {
            api.closeWin();
        });
        //初始化
        init();
    };
    var viewModel = function () {
        var self = this;
        self.tool = function () {
            return $lib.tool();
        }
    }
    var vm = new viewModel();
    ko.applyBindings(vm, $api.dom('#wrap'));

    function init() {

    }
</script>

</html>
想做一定有方法,不想做一定有理由。
原文地址:https://www.cnblogs.com/angle-xiu/p/14343269.html