You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
5.2 KiB
142 lines
5.2 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
<meta http-equiv="Expires" content="0" />
|
|
<link rel="stylesheet" type="text/css" href="css/libs/reset.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/libs/animate.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/index.css" />
|
|
<!--[if lt IE 9]>
|
|
<script src="js/html5shiv.js"></script>
|
|
<script src="js/respond.min.js"></script>
|
|
<![endif]-->
|
|
<title>首页</title>
|
|
</head>
|
|
<body>
|
|
<div class="ai-wrapper">
|
|
<video class="ai-bg" src="images/bg.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
|
|
<div class="ai-header-wrapper">
|
|
<div class="ai-header">
|
|
<!-- <div class="header-btn header-home"><span></span><p>首页</p></div> -->
|
|
<div class="header-title">
|
|
<h2>AI编程机器人体验系统</h2>
|
|
</div>
|
|
<div class="header-btn header-login"><span></span><p>登录</p></div>
|
|
</div>
|
|
</div>
|
|
<div class="ai-index">
|
|
<!-- no-box-style -->
|
|
<ul class="index-list list-left">
|
|
<li class="animate__animated animate__backInLeft">
|
|
<!-- page1.html -->
|
|
<a id="page1" href="javascript:;">
|
|
<p>编程体验</p>
|
|
<span>Programming experience</span>
|
|
<img src="images/index-an1.webp" alt="编程体验" />
|
|
</a>
|
|
</li>
|
|
<li class="animate__animated animate__backInLeft">
|
|
<!-- page2.html -->
|
|
<a id="page2" href="javascript:;">
|
|
<p>场景演示</p>
|
|
<span>Scene presentation</span>
|
|
<img src="images/index-an2.webp" alt="场景演示" />
|
|
</a>
|
|
</li>
|
|
<li class="animate__animated animate__backInLeft">
|
|
<a id="page3" href="javascript:;">
|
|
<p>AI资源库</p>
|
|
<span>AI resource library</span>
|
|
<img src="images/index-an3.webp" alt="AI资源库" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="index-middle">
|
|
<img class="ai-human" src="images/animation.webp" alt="机器人" />
|
|
<img class="ai-bottom" src="images/an-bottom.webp" alt="底部光效" />
|
|
</div>
|
|
<!-- no-box-style -->
|
|
<ul class="index-list list-right">
|
|
<li class="animate__animated animate__backInRight">
|
|
<a id="page4" href="javascript:;">
|
|
<p>实战竞赛</p>
|
|
<span>Actual combat</span>
|
|
<img src="images/index-an4.webp" alt="实战竞赛" />
|
|
</a>
|
|
</li>
|
|
<li class="animate__animated animate__backInRight">
|
|
<a id="page5" href="javascript:;">
|
|
<p>作品展示</p>
|
|
<span>Work display</span>
|
|
<img src="images/index-an5.webp" alt="作品展示" />
|
|
</a>
|
|
</li>
|
|
<li class="animate__animated animate__backInRight">
|
|
<a id="aiChat" href="javascript:;">
|
|
<p>AI数字人</p>
|
|
<span>AI digital human</span>
|
|
<img src="images/index-an6.webp" alt="AI数字人" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- 退出程序 -->
|
|
<div class="doubleExit"></div>
|
|
<!-- 账号:admin 密码:83560792 -->
|
|
<!-- 登录 -->
|
|
<div id="form-layer" class="layer-login" style="display: none;">
|
|
<h3>账号登录</h3>
|
|
<ul class="login-form">
|
|
<li>
|
|
<p>账号</p>
|
|
<input type="text" placeholder="请输入账号" value="admin" />
|
|
</li>
|
|
<li>
|
|
<p>密码</p>
|
|
<input type="password" placeholder="请输入密码" value="83560792" />
|
|
</li>
|
|
</ul>
|
|
<button type="submit" class="login-submit" id="btn-submit-form">立即登录</button>
|
|
</div>
|
|
<div id="user-layer" class="layer-login" style="display: none;">
|
|
<div class="user-info">
|
|
<img src="images/index-img2.png" alt="" />
|
|
<p class="user-name">Admin</p>
|
|
<ul class="user-other">
|
|
<li>
|
|
<p>8个</p>
|
|
<span>代码上传</span>
|
|
</li>
|
|
<li>
|
|
<p>100</p>
|
|
<span>积分</span>
|
|
</li>
|
|
<li>
|
|
<p>10</p>
|
|
<span>获赞</span>
|
|
</li>
|
|
</ul>
|
|
<div class="change-accout-btn">切换账号</div>
|
|
</div>
|
|
</div>
|
|
<!-- 微信登录 -->
|
|
<div id="wechat-layer" class="layer-login" style="display: none;">
|
|
<h3>账号登录</h3>
|
|
<div class="wechat-login">
|
|
<img src="images/wechat.png" alt="" />
|
|
<span>请使用微信扫描二维码登录</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="js/libs/jquery-3.7.1.min.js"></script>
|
|
<script type="text/javascript" src="js/libs/flexible.js"></script>
|
|
<!-- 弹出框 -->
|
|
<script type="text/javascript" src="js/libs/layer/layer.js"></script>
|
|
<script type="text/javascript" src="js/index.js"></script>
|
|
|
|
</html>
|