157 lines
3.5 KiB
HTML
157 lines
3.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta
|
||
|
|
name="viewport"
|
||
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<style type="text/css">
|
||
|
|
body {
|
||
|
|
background-image: url("images/settings-bg.png");
|
||
|
|
overflow: hidden;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
#new {
|
||
|
|
position: absolute;
|
||
|
|
top: 230px;
|
||
|
|
left: 160px;
|
||
|
|
}
|
||
|
|
#item1 {
|
||
|
|
position: absolute;
|
||
|
|
top: 420px;
|
||
|
|
left: 160px;
|
||
|
|
}
|
||
|
|
#item2 {
|
||
|
|
position: absolute;
|
||
|
|
top: 490px;
|
||
|
|
left: 160px;
|
||
|
|
}
|
||
|
|
#h1 {
|
||
|
|
position: absolute;
|
||
|
|
top: 282px;
|
||
|
|
left: 202px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#h2 {
|
||
|
|
position: absolute;
|
||
|
|
top: 407px;
|
||
|
|
left: 202px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#h3 {
|
||
|
|
position: absolute;
|
||
|
|
top: 477px;
|
||
|
|
left: 202px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#s1 {
|
||
|
|
position: absolute;
|
||
|
|
top: 280px;
|
||
|
|
left: 267px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#s2 {
|
||
|
|
position: absolute;
|
||
|
|
top: 405px;
|
||
|
|
left: 267px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#s3 {
|
||
|
|
position: absolute;
|
||
|
|
top: 475px;
|
||
|
|
left: 267px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#m1 {
|
||
|
|
position: absolute;
|
||
|
|
top: 282px;
|
||
|
|
left: 307px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#m2 {
|
||
|
|
position: absolute;
|
||
|
|
top: 407px;
|
||
|
|
left: 307px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#m3 {
|
||
|
|
position: absolute;
|
||
|
|
top: 477px;
|
||
|
|
left: 307px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#p1 {
|
||
|
|
position: absolute;
|
||
|
|
top: 282px;
|
||
|
|
left: 427px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#p2 {
|
||
|
|
position: absolute;
|
||
|
|
top: 407px;
|
||
|
|
left: 427px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#p3 {
|
||
|
|
position: absolute;
|
||
|
|
top: 477px;
|
||
|
|
left: 427px;
|
||
|
|
font-family: "Noto Sans Mono CJK SC";
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36pt;
|
||
|
|
}
|
||
|
|
#back {
|
||
|
|
position: absolute;
|
||
|
|
top: 300px;
|
||
|
|
left: 600px;
|
||
|
|
width: 424px;
|
||
|
|
height: 300px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<title>PiApp</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<img src="images/settings-new.png" id="new" />
|
||
|
|
<img src="images/settings-item.png" id="item1" />
|
||
|
|
<img src="images/settings-item.png" id="item2" />
|
||
|
|
<div id="h1">07</div>
|
||
|
|
<div id="h2">12</div>
|
||
|
|
<div id="h3">17</div>
|
||
|
|
<div id="m1">00</div>
|
||
|
|
<div id="m2">30</div>
|
||
|
|
<div id="m3">00</div>
|
||
|
|
<div id="s1">:</div>
|
||
|
|
<div id="s2">:</div>
|
||
|
|
<div id="s3">:</div>
|
||
|
|
<div id="p1">3</div>
|
||
|
|
<div id="p2">3</div>
|
||
|
|
<div id="p3">3</div>
|
||
|
|
<a href="demo.html" id="back"></a>
|
||
|
|
</body>
|
||
|
|
</html>
|