-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMyDroplet.html
156 lines (133 loc) · 4.38 KB
/
MyDroplet.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>081417158江道宽</title>
<link rel="short icon" href="Resource/icon.png">
<link rel="stylesheet" href="ExternalStyle.css">
<style>
.MD_external_div .MD_bg_img{
width: 100%;
}
.MD_external_div{
position: relative;
}
.MD_inner_div{
position: absolute;
left: 50%;
top: 50%;
width: 66px;
height: 76px;
margin-left: -33px;
margin-top: -60px;
text-align: center;
}
.MD_external_div .MD_inner_div button{
background: rgb(32, 131, 204);
width: 66px;
height: 20px;
margin-top: 5px;
}
.MD_external_div .MD_inner_div span{
display: block;
margin-top: 5px;
}
.MD_bottom_div{
width: 100%;
}
.MD_bottom_div .MD_bottom_inner_div{
width: 90%;
height: 50px;
margin: 0 auto;
border: 1px solid #cccccc;
border-radius: 5px;
background: white;
line-height: 50px;
margin-top: 10px;
}
.MD_left_img{
float: left;
margin-left: 10px;
margin-top: 15px;
margin-right: 20px;
}
.MD_right_img{
float: right;
margin-right: 10px;
margin-top: 15px;
}
</style>
</head>
<body>
<header style="z-index: 100;">
<span>我的小滴</span>
</header>
<div class="MD_external_div">
<img class="MD_bg_img" src="Resource/banner5.png" alt="">
<div class="MD_inner_div">
<img class="MD_head_img" src="Resource/head.png" alt="">
<span id="MD_userName"></span>
<script>
document.getElementById("MD_userName").innerHTML = window.localStorage.getItem("userName");
</script>
<button id="MD_btn" style="border-radius: 5px">退出登录</button>
<script>
var btn = document.querySelector("#MD_btn");
btn.onclick = function(){
window.localStorage.removeItem("userName");
location.href = "index.html";
}
</script>
</div>
</div>
<div class="MD_bottom_div">
<div class="MD_bottom_inner_div">
<img class="MD_left_img" src="Resource/gr_1.png" alt="">
<span>我的客户</span>
<img class="MD_right_img" src="Resource/jt.png" alt="">
</div>
</div>
<div class="MD_bottom_div">
<div class="MD_bottom_inner_div">
<img class="MD_left_img" src="Resource/gr_1.png" alt="">
<span>我的客户</span>
<img class="MD_right_img" src="Resource/jt.png" alt="">
</div>
</div>
<div class="MD_bottom_div">
<div class="MD_bottom_inner_div">
<img class="MD_left_img" src="Resource/gr_1.png" alt="">
<span>我的客户</span>
<img class="MD_right_img" src="Resource/jt.png" alt="">
</div>
</div>
<div class="MD_bottom_div">
<div class="MD_bottom_inner_div">
<img class="MD_left_img" src="Resource/gr_1.png" alt="">
<span>我的客户</span>
<img class="MD_right_img" src="Resource/jt.png" alt="">
</div>
</div>
<div class="MD_bottom_div">
<div class="MD_bottom_inner_div">
<img class="MD_left_img" src="Resource/gr_1.png" alt="">
<span>我的客户</span>
<img class="MD_right_img" src="Resource/jt.png" alt="">
</div>
</div>
<div class="MD_bottom_div">
<div class="MD_bottom_inner_div">
<img class="MD_left_img" src="Resource/gr_1.png" alt="">
<span>我的客户</span>
<img class="MD_right_img" src="Resource/jt.png" alt="">
</div>
</div>
<footer>
<a href="DropletService.html"> <img src="Resource/nav10.png" alt=""> <span>小滴服务</span> </a>
<a href="BusinessProject.html"> <img src="Resource/nav20.png" alt=""> <span>企业项目</span> </a>
<a href="ServiceProcess.html"> <img src="Resource/nav30.png" alt=""> <span>服务流程</span> </a>
<a href="Plantform.html"> <img src="Resource/nav40.png" alt=""> <span>平台风采</span> </a>
<a href=""> <img src="Resource/nav51.png" alt=""> <span style="color: red">我的小滴</span> </a>
</footer>
</body>
</html>