index.html 기본

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/framework7/3.5.2/css/framework7.min.css">
    <link href="https://fonts.googleapis.com/icon?family=Roboto|Material+Icons|Noto+Sans+KR" rel="stylesheet">
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/framework7/3.5.2/js/framework7.min.js"></script>

    <title>관리자도구</title>
</head>

<body class="theme-light color-theme-blue">
    <div id="app">
        <div class="panel panel-left"><div class="view view-left view-init" data-url="/left/"></div></div>
        <div class="panel panel-right"><div class="view view-right view-init" data-url="/right/"></div></div>
        <div class="view view-main"></div>
    </div>

    <script>
        var $$ = Dom7;
        var app = new Framework7({
            root: '#app',
            theme: 'md',
            routes: [
                {
                    path: '/order/list/:year/:month/:day',
                    componentUrl: './page/order_list.html',
                }, 
                {
                    path: '/left/',
                    componentUrl: './page/panel_left.html',
                }, 
                {
                    path: '/right/',
                    componentUrl: './page/panel_right.html',
                }, 
            ],
            panel: {
                leftBreakpoint: 1,
                rightBreakpoint: 1,
            },
            view: {
                animate: false,  
            },
        });        
    </script>
</body>

</html>