master

分支 (1)

管理

管理

master

WinUi
/
index.html

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/main.css" />
	<link rel="stylesheet" href="static/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="static/scrollbar/jquery.mCustomScrollbar.css" />
	<script type="text/javascript" src="json/options.js" ></script><!-- 测试数据 -->
	<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="js/menuFn.js" ></script><!-- 右键菜单方法 -->
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/pinyin.js"></script>
	<script type="text/javascript" src="static/scrollbar/jquery.mCustomScrollbar.concat.min.js" ></script>
</head>
<body>
	<div id="main" class="main">
		<iframe id="bg" class="bg"></iframe>
		<div id="shortcuts" class="shortcuts"></div>
		<div id="start_menu" class="start_menu">
			<div class="start start_left">
				<div class="btn">
					<i class="fa fa-navicon"></i>
				</div>
				<div class="btns">
					<div class="btn">
						<i class="fa fa-user"></i>
					</div>
					<div class="btn">
						<i class="fa fa-cog"></i>
					</div>
					<div class="btn">
						<i class="fa fa-sign-out"></i>
					</div>
				</div>
			</div>
			<div id="start_apps" class="start start_middle"></div>
			<div id="start_tiles" class="start start_right">
				<div class="tile tile-title noMenu">我的磁贴</div>
			</div>
		</div>
		<div class="task_bar">
			<div id="task_bar_left" class="task_bar_left">
				<div id="btn_start" class="btn"><i class="fa fa-windows"></i></div>
				<div class="btn" onclick="win._openUrl({name:'百度一下',icon:'fa-internet-explorer',href:'www.baidu.com'})"><i class="fa fa-internet-explorer"></i></div>
			</div>
			<div class="task_bar_right">
				<div class="btn"><i id="battery" class="fa fa-battery-4"></i></div>
				<div class="btn time"><span id="time">8:18<br>2018/8/18</span></div>
				<div id="btn_noti" class="btn"><span class="fa fa-comment-o"></span></div>
				<div class="btn desk"></div>
			</div>
		</div>
		<div id="notification" class="notification">
			<div class="tips">
				<div id="noti_sum" class="noti_sum">共0条</div>
				<div id="noti_clear" class="noti_clear">清除所有通知</div>
			</div>
		</div>
	</div>
	<div id="context_menu">
		<div class="context_ele" onclick="win._enterFullScreen()"><i class="fa fa-window-maximize"></i><span>全屏模式</span></div>
		<div class="context_ele" onclick="win._exitFullScreen()"><i class="fa fa-window-restore"></i><span>窗口模式</span></div>
	</div>
</body>
<script type="text/javascript">
	$(function(){
		win._init(_options);
		//添加通知
		win._addNotification({
			title:"这是标题",
			content:"这是内容，可能有很多哟~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~"
		})
	})
</script>
</html>