-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4d48181
commit d9b5bcc
Showing
1 changed file
with
176 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,176 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Document</title> | ||
<style> | ||
body { | ||
background: url(../2/天蓝色.jpg); | ||
background-size: 100% 100%; | ||
/* background: linear-gradient(45deg, #fbda61, #ff5acd); */ | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
} | ||
|
||
.app { | ||
width: 358px; | ||
height: 1400px; | ||
/* background-color: #fff0f0; */ | ||
border-radius: 20px; | ||
box-shadow: 0px 15px 40px #ffdce3; | ||
border-radius: 15px; | ||
/* background: linear-gradient(45deg, #faffd1, #ffe7fb); */ | ||
background: url(./img/11.jpg); | ||
background-size: 100% 100%; | ||
} | ||
|
||
h2 { | ||
text-align: center; | ||
} | ||
|
||
table { | ||
width: 348px; | ||
margin: auto; | ||
margin-top: 8px; | ||
} | ||
|
||
td { | ||
width: 50%; | ||
font-size: 20px; | ||
text-indent: 6px; | ||
border: 2px solid rgb(87, 77, 219); | ||
} | ||
|
||
span { | ||
position: relative; | ||
text-decoration: none; | ||
left: 30px; | ||
font-size: 18px; | ||
} | ||
|
||
.dateText { | ||
position: relative; | ||
top: -4px; | ||
left: 170px; | ||
} | ||
</style> | ||
</head> | ||
|
||
<body> | ||
<div class="app"> | ||
<h2>Friend'sbirthday lists | ||
<select class="sel"> | ||
<option>环创工作室</option> | ||
<option>其他</option> | ||
</select> | ||
</h2> | ||
<span class="dateText">2024/01/01 00:00:00</span> | ||
<table class="context"></table> | ||
</div> | ||
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> | ||
<!-- <script src="js/jquery-1.8.4.min.js" type="text/javascript"></script> --> | ||
<script> | ||
function pad(content, count, padStr) { | ||
count = count || 2 | ||
padStr = padStr || '0' | ||
content = String(content) | ||
return content.padStart(count, padStr) | ||
} | ||
// 日期 | ||
const dateText = document.querySelector('.dateText') | ||
let date = new Date() | ||
let year = date.getFullYear() | ||
let month = date.getMonth() + 1 | ||
let day = pad(date.getDate()) | ||
let hour = pad(date.getHours()) | ||
let minute = pad(date.getMinutes()) | ||
let second = pad(date.getSeconds()) | ||
dateText.innerHTML = `${year}/${month}/${day}  ${hour}:${minute}:${second}` | ||
setInterval(() => { | ||
let date = new Date() | ||
let year = date.getFullYear() | ||
let month = date.getMonth() + 1 | ||
let day = pad(date.getDate()) | ||
let hour = pad(date.getHours()) | ||
let minute = pad(date.getMinutes()) | ||
let second = pad(date.getSeconds()) | ||
dateText.innerHTML = `${year}/${month}/${day}  ${hour}:${minute}:${second}` | ||
}, 1000); | ||
|
||
const credentials = [ | ||
//工作室 | ||
{ username: '赖吉勇', password: '0114', label: '环创工作室' }, | ||
{ username: '潘佳伟', password: '0127', label: '环创工作室' }, | ||
{ username: '黄培峻', password: '0403', label: '环创工作室' }, | ||
{ username: '郑心敏', password: '0410', label: '环创工作室' },//农历 | ||
{ username: '吴小红', password: '0518', label: '环创工作室' }, | ||
{ username: '张树涛', password: '0525', label: '环创工作室' }, | ||
{ username: '黄桂清', password: '0609', label: '环创工作室' }, | ||
{ username: '何滨', password: '0621', label: '环创工作室' }, | ||
{ username: '巫心如', password: '0811', label: '环创工作室' }, | ||
{ username: '农云婷', password: '0815', label: '环创工作室' }, | ||
{ username: '宋俊奇', password: '0816', label: '环创工作室' }, | ||
{ username: '黄贤轩', password: '0824', label: '环创工作室' }, | ||
{ username: '郭鉴文', password: '0827', label: '环创工作室' },//24年是27号,身份证上是28号,她过农历 | ||
{ username: '苏瑞华', password: '0830', label: '环创工作室' }, | ||
{ username: '许泽涵', password: '0903', label: '环创工作室' }, | ||
{ username: '陈晓琳', password: '0928', label: '环创工作室' }, | ||
{ username: '林思琪', password: '0929', label: '环创工作室' }, | ||
{ username: '方雪儿', password: '1011', label: '环创工作室' }, | ||
// { username: '', password: '' }, | ||
// { username: '', password: '' }, | ||
// { username: '', password: '' }, | ||
// { username: '', password: '' }, | ||
// { username: '', password: '' }, | ||
{ username: '黄雅慧', password: '0227', label: '其他' }, | ||
{ username: '朱溢', password: '052?', label: '其他' }, | ||
{ username: '师父', password: '0619', label: '其他' }, | ||
{ username: '聂珏米', password: '0620', label: '其他' }, | ||
{ username: '王高田', password: '1120', label: '其他' }, | ||
]; | ||
|
||
const context = document.querySelector('.context') | ||
let click = 0 | ||
function intext(a) { | ||
let htmlStr = credentials.map((item, index) => { | ||
if (item.label === a) { | ||
return ` | ||
<tr> | ||
<td>${item.username}</td> | ||
</td> | ||
<td>${item.password}</td> | ||
</td> | ||
</tr> | ||
<br>` | ||
} | ||
}).join('') | ||
document.querySelector('.context').innerHTML = htmlStr | ||
} | ||
intext('环创工作室') | ||
$('.sel').on('change', function () { | ||
if (click === 0) { | ||
num = prompt('请输入密码') | ||
if (num === '0702') { | ||
click = 1 | ||
console.log('密码正确'); | ||
var selected = $(this).children('option:selected').val() | ||
console.log(selected); | ||
intext(selected) | ||
} else { | ||
alert('密码错误,不给你看') | ||
console.log('如果你能看到这里那密码也没什么用了'); | ||
} | ||
}else{ | ||
var selected = $(this).children('option:selected').val() | ||
console.log(selected); | ||
intext(selected) | ||
} | ||
}); | ||
|
||
</script> | ||
</body> | ||
|
||
</html> |