-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1 lines (1 loc) · 3.92 KB
/
index.html
1
<!doctype html><html data-framework="vue"><head><meta charset="utf-8"><title>前端性能监测</title><link rel="stylesheet" href="https://unpkg.com/todomvc-app-css/index.css"><style> [v-cloak] { display: none; } .userinfo { position: absolute; bottom: -46px; width: 100%; font-size: 100%; } #login input { padding: 16px; text-align: center; } #login input:disabled { color: #ddd; cursor: not-allowed; } #login .control { display: flex; } #login-button { background-color: #fafafa; } .control-panel { background: pink; color: #222; } pre{ background: #8bc34a; color: black; padding: 20px; } .funcIn { display: flex; justify-content: space-around; padding-top: 20px; border-top: 1px solid #e6e6e6; } .run{ padding: 10px; cursor: pointer; background: #8bc34a; font-weight: bold; } body { min-width: 10%; max-width: 100%; } .todoapp{ min-width: 230px; max-width: 550px; margin: 0 auto; transition: .2s; } .loginedin { max-width: 77%; } .control-panel label { margin-right: 12px; } .loading { width: 22%; height: 12%; background: black; opacity: .9; position: fixed; top: 47%; left: 42%; display: flex; color: white; justify-content: center; flex-direction: column; text-align: center; font-weight: bolder; font-size: 1.7em; z-index: 777; }</style></head><body><section class="todoapp" :class="{'loginedin' : user !== null}"><p class="info control-panel"><span v-if="user" v-cloak><label><select v-model="URL"><option value="https://b.pingan.com.cn/static/act/koudai/qr_poster/index.shtml?debug=1" selected="selected">微海报</option><option value="https://b.pingan.com.cn/m/zixun/index.shtml?from=PerfMor.Kainy">资讯</option><option value="https://www.baidu.com?from=PerfMor.Kainy">百度</option></select></label><label>起始时间<input type="date" min="2017-12-21" :max="endDate" v-model="startDate"/></label><label>结束时间<input type="date" :min="startDate" :max ="tomorrowDate" v-model="endDate"/></label><input type="button" @click="resetZoom" value="重置缩放"></input><label><input class="toggle" type="checkbox" v-model="firstView">首次访问</label></span><label><input class="toggle" type="checkbox" v-model="debuging">debuging</label></p><form action="#" id="login" v-on:submit.prevent="login" v-if="!user" v-cloak><input v-model="username" autofocus required class="new-todo" placeholder="Username"><input type="password" v-model="password" required class="new-todo" placeholder="Password"><div class="control"><input type="submit" value="Login" class="new-todo" id="login-button"><input type="button" @click="signup" value="Signup" class="new-todo"></div></form><template v-if="user" v-cloak><header class="header"></header><section class="main" v-show="records.length"><canvas id="myChart" style="height:400px;width: 600px;"></canvas></section><footer class="footer" v-show="records.length" v-cloak><span class="todo-count"></span><ul class="filters"></ul></footer><p class="info userinfo"> Logged in as {{user.username}} (<a @click='logout'>Logout</a>)</p></template><div class="loading" v-show="isLoading"> 加载中…</div></section><footer class="info"><p>Powered by<a href="https://iffe.js.org">IFFE</a></p></footer><script src="https://unpkg.com/leancloud-storage@2.0.0/dist/av-min.js"></script><script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://npmcdn.com/chart.js@2.7.1/dist/Chart.bundle.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-zoom/0.4.6/chartjs-plugin-zoom.min.js"></script><script src="app.js"></script></body></html>