-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathuser.html
126 lines (109 loc) · 5.14 KB
/
user.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>用户</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="lib\jquery-3.2.1.js"></script>
<script src="lib\echarts.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="lib\font-awesome-4.7.0\css\font-awesome.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="lib\materialize\css\materialize.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="assert\css\style.css" />
</head>
<body>
<ul id="slide-mobile" class="sidenav sidenav-fixed">
<li>
<div class="user-view">
<div class="background">
<img src="assert/img/office.jpg">
</div>
<a href="user.html"><img class="circle" src="assert/img/avatar-defualt.svg"></a>
<a href="#name"><span class="white-text name">John Doe</span></a>
<a href="#email"><span class="white-text email">jdandturk@gmail.com</span></a>
</div>
</li>
<!-- <li><a href="#!">First Link With Icon</a></li> -->
<!-- <li><div class="divider"></div></li> -->
<li><a class="subheader">任务列表</a></li>
<li class="no-padding">
<ul class="collapsible collapsible-accordion">
<li class="bold">
<a class="collapsible-header waves-effect waves-teal" tabindex="0">任务集一</a>
<div class="collapsible-body">
<ul>
<li><a href="#">任务列表一</a></li>
<li><a href="#">任务列表一</a></li>
</ul>
</div>
</li>
</ul>
<ul class="collapsible collapsible-accordion">
<li class="bold">
<a class="collapsible-header waves-effect waves-teal" tabindex="0">任务集二</a>
<div class="collapsible-body">
<ul>
<li><a href="#">任务列表一</a></li>
<li><a href="#">任务列表一</a></li>
</ul>
</div>
</li>
</ul>
</li>
</ul>
<main>
<!-- nav bar -->
<nav>
<div class="nav-wrapper">
<a href="#" data-target="slide-mobile" class="sidenav-trigger"><i class="fa fa-navicon" style="font-size: 20px;display: inline;"></i></a>
<a href="#" class="brand-logo center">TodoList</a>
<ul class="right">
<li>
<a class="dropdown-trigger" href="#!" data-target="dropdown1"><i class="fa fa-ellipsis-v" style="font-size: 20px;display: inline;"></i></a>
<ul id="dropdown1" class="dropdown-content">
<li><a href="index.html">四象限</a></li>
<li><a href="index.html">时间轴</a></li>
<li><a href="tracking.html">查看进度</a></li>
<li><a href="task_detail.html">添加任务</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<br></br>
<div id="taskStatic-table">
</div>
<br></br>
<div id="taskTime-table">
</div>
<br></br>
<div id="radar-map">
</div>
<br></br>
<div>成就框</div>
<div class="achieve-pic">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
<img src="assert/img/1.png" width="300rpx" height="75rpx">
</div>
</main>
<script src="lib\materialize\js\materialize.min.js"></script>
<script src="assert\js\dropdown.js"></script>
<script src="assert\js\sidenav.js"></script>
<script src="assert\js\user.js"></script>
</body>
</html>