cf3ffab368
modified: package.json new file: public/.gitignore new file: public/bg.png new file: public/date.html new file: public/jpg/1.jpg new file: public/jpg/10.jpg new file: public/jpg/11.jpg new file: public/jpg/12.jpg new file: public/jpg/13.jpg new file: public/jpg/14.jpg new file: public/jpg/15.jpg new file: public/jpg/2.jpg new file: public/jpg/3.jpg new file: public/jpg/4.jpg new file: public/jpg/5.jpg new file: public/jpg/6.jpg new file: public/jpg/7.jpg new file: public/jpg/8.jpg new file: public/jpg/9.jpg new file: public/jquery-3.7.1.min.js new file: public/main.html new file: public/script.js new file: public/styles.css new file: public/test.code-workspace new file: public/vue.js new file: server/package-lock.json new file: server/package.json new file: server/server.js modified: src/App.vue new file: src/components/LoginForm.vue
51 lines
1.8 KiB
HTML
51 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="./jquery-3.7.1.min.js"></script>
|
|
<script src="./vue.js"></script>
|
|
<meta charset="UTF-8" />
|
|
<title>IrisVega's HTML Test</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body background="./bg.png" style="background-size:100% 100%; background-attachment: fixed;">
|
|
<div class="slider-container">
|
|
<input type="range" id="mySlider" min="0" max="100" value="50">
|
|
<span id="sliderValue">50</span>
|
|
</div>
|
|
<div class="tab-container">
|
|
<div class="tab">
|
|
<button class="tablinks" data-tab="Tab0">日历</button>
|
|
<button id="addTab" class="addTab">+</button>
|
|
</div>
|
|
<div id="Tab0" class="tabcontent">
|
|
<h3 id="selectedDate">点击日期后，当前位置显示所点日期</h3>
|
|
<div class="cldBody">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<td colspan="7">
|
|
<div class="top">
|
|
<span id="left"><</span>
|
|
<span id="topDate"></span>
|
|
<span id="right">></span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="week">
|
|
<td>日</td>
|
|
<td>一</td>
|
|
<td>二</td>
|
|
<td>三</td>
|
|
<td>四</td>
|
|
<td>五</td>
|
|
<td>六</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbody"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|