-
Notifications
You must be signed in to change notification settings - Fork 0
/
d.html
159 lines (138 loc) · 3.58 KB
/
d.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
</head>
<style type="text/css">
.user_backgroud{
width: 100%;
height: 280px;
background-image: url(images/user01.jpg);
background-size: cover;
-moz-background-size: cover;
margin-bottom: 22px;
}
.user_photo{
width: 110px;
height: 110px;
border-radius: 150px;
}
.photo_fox{
padding: 45px 0 0 0;
text-align: center;
}
.username{
color: white;
text-align: center;
margin-top: 10px;
}
/*退出按钮*/
.btn_quit{
width: 80%;
height: 45px;
font-size: 20px;
margin:20% 0 0 10%;
}
</style>
<body>
<div class="mui-content">
<div class="user_backgroud">
<div class="photo_fox">
<img src="images/a02.jpg" class="user_photo"/>
<h3 class="username">林小妖</h3>
<h6>VIP用户</h3>
</div>
</div>
<!--列表-->
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
<span class="mui-icon mui-icon-weixin"></span>
签到
</a>
</li>
<li class="mui-table-view-cell">
<span class="mui-icon mui-icon-weixin"></span>
我的消息
<span class="mui-badge mui-badge-danger ">11</span>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">我的收藏</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">我的订阅</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">浏览记录</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">清除缓存</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">检查更新</a>
</li>
</ul>
<!--退出按钮-->
<button id="exit" type="button" class="mui-btn mui-btn-danger btn_quit" >退出登录</button>
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init()
//退出操作******************
document.getElementById('exit').addEventListener('tap', function() {
if (mui.os.ios) {
app.setState({});
mui.openWindow({
url: 'login.html',
id: 'login',
show: {
aniShow: 'pop-in'
},
waiting: {
autoShow: false
}
});
return;
}
var btnArray = [{
title: "注销当前账号"
}, {
title: "直接关闭应用"
}];
plus.nativeUI.actionSheet({
cancel: "取消",
buttons: btnArray
}, function(event) {
var index = event.index;
switch (index) {
case 0:
//注销账号
app.setState({});
/*
* 注意:
* 1、因本示例应用启动页就是登录页面,因此注册成功后,直接显示登录页即可;
* 2、如果真实案例中,启动页不是登录页,则需修改,使用mui.openWindow打开真实的登录页面
*/
plus.webview.getLaunchWebview().show("pop-in");
//若启动页不是登录页,则需通过如下方式打开登录页
// mui.openWindow({
// url: 'login.html',
// id: 'login',
// show: {
// aniShow: 'pop-in'
// }
// });
break;
case 2:
plus.runtime.quit();
break;
}
});
}, false);
//************************
</script>
</body>
</html>