You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
4.3 KiB
91 lines
4.3 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<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, viewport-fit=cover">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<link rel="stylesheet" href="lib/framework7/css/framework7.bundle.min.css">
|
|
<link rel="stylesheet" href="css/framework7-icons.css">
|
|
<link rel="stylesheet" href="lib/toastr/toastr.min.css">
|
|
<link rel="stylesheet" href="css/app.css">
|
|
</head>
|
|
<body>
|
|
<div class="statusbar"></div>
|
|
<div id="app">
|
|
<div id="loading" style="">loading...</div>
|
|
<f7-app :params="$root.f7params">
|
|
<f7-view main>
|
|
<f7-page>
|
|
<f7-navbar title="我的">
|
|
</f7-navbar>
|
|
<div class="list media-list">
|
|
<ul v-if="model">
|
|
<li>
|
|
<a href="#" class="item-link item-content">
|
|
<div class="item-media"><img :src="server+'/UserCenter'+(model.Avatar?model.Avatar:'/images/empty.png')" width="80" /></div>
|
|
<div class="item-inner">
|
|
<div class="item-title-row">
|
|
<div class="item-title">{{model.NickName}}</div>
|
|
</div>
|
|
<div class="item-subtitle">{{model.UserName}}</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="block block-strong">
|
|
<div class="row">
|
|
<button class="col button" type="submit" v-on:click="logout">退出</button>
|
|
</div>
|
|
</div>
|
|
<div class="block block-strong" style="text-align:center;">version {{version}}</div>
|
|
<f7-toolbar tabbar labels position="bottom">
|
|
<a href="index.html" class="tab-link external">
|
|
<i class="icon icon f7-icons">house</i>
|
|
<span class="tabbar-label">首页</span>
|
|
</a>
|
|
<a href="nodes.html" class="tab-link external">
|
|
<i class="icon f7-icons">circle_grid_hex</i>
|
|
<span class="tabbar-label">节点</span>
|
|
</a>
|
|
<a href="user.html" class="tab-link external tab-link-active">
|
|
<i class="icon f7-icons">person</i>
|
|
<span class="tabbar-label">我的</span>
|
|
</a>
|
|
</f7-toolbar>
|
|
</f7-page>
|
|
</f7-view>
|
|
</f7-app>
|
|
</div>
|
|
<script type="text/javascript" src="lib/axios/axios.min.js"></script>
|
|
<script type="text/javascript" src="lib/urijs/URI.min.js"></script>
|
|
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
|
|
<script type="text/javascript" src="lib/jquery-validation/jquery.validate.min.js"></script>
|
|
<script type="text/javascript" src="lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
|
|
<script type="text/javascript" src="lib/vue/vue.min.js"></script>
|
|
<script type="text/javascript" src="lib/framework7/js/framework7.bundle.min.js"></script>
|
|
<script type="text/javascript" src="lib/framework7/js/framework7-vue.bundle.min.js"></script>
|
|
<script type="text/javascript" src="lib/toastr/toastr.min.js"></script>
|
|
<script type="text/javascript" src="js/page.js"></script>
|
|
<script type="text/javascript">
|
|
isDebug = true;
|
|
useSignalR = false;
|
|
dataUrl = server + '/UserCenter/Account/GetUserInfo';
|
|
data = function data() {
|
|
return {
|
|
f7params: f7params,
|
|
server: localStorage.getItem('server'),
|
|
token: localStorage.getItem('token'),
|
|
model: null
|
|
};
|
|
};
|
|
methods = {
|
|
logout: function () {
|
|
localStorage.removeItem("token");
|
|
location.href = "login.html";
|
|
}
|
|
};
|
|
start();
|
|
</script>
|
|
</body>
|
|
</html> |