master

分支 (1)

标签 (1)

管理

管理

master

v0.0.1

calendar
/
main.html

<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title></title>
	<link rel="shortcut icon" href="static/favicon.ico" type="image/x-icon">

	<link rel="stylesheet" href="asserts/layui/dist/css/layui.css">

	<link rel="stylesheet" href="dist/style/frame.css">
	<link rel="stylesheet" href="dist/style/utils.css">
	<link rel="stylesheet" href="dist/style/calendar-container.css">
	<link rel="stylesheet" href="dist/style/main.css">

	<link rel="stylesheet" href="dist/style/light.css" id="theme-css">
	<!-- <link rel="stylesheet" href="dist/style/dark.css" id="theme-css"> -->

	<script src="asserts/layui/dist/layui.js"></script>
	<script src="dist/app/config.js"></script>
	<script src="dist/app/main.js"></script>
	<script src="dist/app/calendar.js"></script>
</head>

<body>
	<!-- 窗口顶部样式：图标、标题栏以及窗口控制按钮 -->
	<header>
		<div id="icon" class="center"><img src="static/favicon.ico"></div>
		<div id="title" class="center">未设置语言</div>
		<div id="win">
			<div id="min" class="btn center"><img src="static/min.svg"></div>
			<div id="max" class="btn center"><img src="static/max.svg"></div>
			<div id="full" class="btn center"><img src="static/full.svg"></div>
			<div id="close" class="center close"><img src="static/close.svg"></div>
		</div>
	</header>

	<!-- 页面边框装饰以区分这个页面和其他可能颜色相近的页面 -->
	<div id="border">
		<div class="v-side" id="left"></div>
		<div class="v-side" id="right"></div>
		<div class="h-side" id="top"></div>
		<div class="h-side" id="bottom"></div>
	</div>

	<!-- 全屏状态用于退出的小三角按钮 -->
	<div id="corner"><img src="static/corner.svg"></div>

	<article>
		<!-- 页面主要展示的内容 -->
		<div id="index" class="full center-col">
			<div class="container">
				<div class="left">
					<div class="tools layui-form layui-row" lay-filter="top">
						<div class="year">
							<select lay-filter="year" id="year">
							</select>
						</div>
						<div class="month">
							<select lay-filter="month" id="month">
								<option value="1">1月</option>
								<option value="2">2月</option>
								<option value="3">3月</option>
								<option value="4">4月</option>
								<option value="5">5月</option>
								<option value="6">6月</option>
								<option value="7">7月</option>
								<option value="8">8月</option>
								<option value="9">9月</option>
								<option value="10">10月</option>
								<option value="11">11月</option>
								<option value="12">12月</option>
							</select>
						</div>
						<span class="today" id="today">今天</span>
					</div>
					<div class="content">
						<!-- 头 -->
						<div class="header">
							<div class="mon">一</div>
							<div class="tue">二</div>
							<div class="wen">三</div>
							<div class="thu">四</div>
							<div class="fri">五</div>
							<div class="rest sat">六</div>
							<div class="rest sun">日</div>
						</div>
						<!-- 6行7列 -->
						<div id="calender">
						</div>
					</div>
				</div>
				<div class="right">
					<div class="year-month-day"></div>
					<div class="today">
						<span class="day" id="right-day"></span>
					</div>
					<div class="lun">
						<span class="i-month"></span>
						<span class="gz-year"></span>
						<span class="gz-month-day"></span>
					</div>
					<div class="avoid-suit">
						<div class="suit">
							<span class="title">宜</span>
							<div id="suit">
							</div>
						</div>
						<div class="avoid">
							<span class="title">忌</span>
							<div id="avoid">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 右下角的设置按钮和设置面板 -->
		<div id="setting">
			<!-- 设置按钮 -->
			<div id="buttons">
				<div id="theme" title="dark-theme"><img src="static/dark.svg"></div>
				<div id="lang" title="language"><img src="static/lang.svg"></div>
				<div id="openWin" title="desktop tools"><img src="static/calendar.svg"></div>
			</div>

			<!-- 展示面板 -->
			<div id="pad">
				<div></div>
			</div>
		</div>
	</article>
</body>

</html>