index.html 3.18 KB
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>index</title>
    <link rel="stylesheet" href="css/vendor.css">
</head>
<body>
    <div class="loading" id="loading">
        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
        <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve">
            <g>
                <path d="M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z"
                    fill="#494949" fill-opacity="1" />
                <animateTransform attributeName="transform" type="rotate" from="0 64 64" to="-90 64 64" dur="400ms" repeatCount="indefinite"></animateTransform>
            </g>
        </svg>
    </div>
    <div id="app">
        <div class="statusbar"></div>
        <div class="view view-main view-init ios-edges" data-url="/">
            <div class="page bg-blank">
                <div class="toolbar tabbar tabbar-labels toolbar-index">
                    <div class="toolbar-inner">
                        <a class="tab-link notiy-circle" href="#">
                            <span class="icon icon-word"></span>
                        </a>
                        <a class="tab-link" href="#">
                            <span class="icon icon-class"></span>
                        </a>
                        <a class="tab-link" href="#">
                            <span class="icon icon-my"></span>
                        </a>
                    </div>
                </div>
                <div class="page-content">
                    <h1 class="brand-index">辞海</h1>
                    <div class="search-area search-index">
                        <div class="search-area-brand">
                            <img src="images/logo-zhiyun.png">
                        </div>
                        <form class="search-area-inner">
                            <input class="form-control" type="text" placeholder="1,786,069 个语词">
                            <a class="search-area-voice" type="button">
                                <span class="icon icon-microphone"></span>
                            </a>
                            <button class="search-area-image" type="button">
                                <span class="icon icon-camera"></span>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/vendor.js"></script>
    <script src="js/routes.js"></script>
    <script src="js/index.js"></script>
</body>
</html>