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.
|
|
<!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/plugins/swiper-bundle.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/bg2.mp4" autoplay="autoplay" loop="loop" muted="muted"></video> <div class="ai-header-wrapper"> <div class="ai-header"> <div class="header-left"> <div class="header-btn header-home" onclick="window.location.href='index.html'; return false;"><span></span><p>首页</p></div> </div> <div class="header-title"> <h2>作品展示</h2> </div> <div class="header-btn header-login"><span></span><p>登录</p></div> </div> </div>
<!-- 作品展示 --> <div class="page-content"> <div class="work-wrapper"> <div class="work-content"> <div class="work-header"> <p>序号</p> <p class="item-name">作品名称</p> <p class="item-author">作者</p> <p class="item-time">创建时间</p> <p class="list-star">评分</p> <p>操作</p> </div> <div class="swiper-container"> <ul class="work-list swiper-wrapper"> <li class="swiper-slide"> <a href="page-codeVideo.html"> <p class="item-num">1</p> <p class="item-name">click ----- 六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span></span> <span></span> <span></span> </div> <p class="item-handle"></p> </a> </li> <li class="swiper-slide"> <a href="page-codeVideo.html"> <p class="item-num">2</p> <p class="item-name">click ----- 六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> </div> <p class="item-handle"></p> </a> </li> <li class="swiper-slide"> <a href="javascript:;"> <p class="item-num">3</p> <p class="item-name">六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span></span> <span></span> <span></span> </div> <p class="item-handle"></p> </a> </li> <li class="swiper-slide"> <a href="javascript:;"> <p class="item-num">4</p> <p class="item-name">六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> <span></span> <span></span> </div> <p class="item-handle"></p> </a> </li> <li class="swiper-slide"> <a href="javascript:;"> <p class="item-num">5</p> <p class="item-name">六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> <span></span> <span></span> </div> <p class="item-handle"></p> </a> </li> <li class="swiper-slide"> <a href="javascript:;"> <p class="item-num">6</p> <p class="item-name">六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> <span></span> <span></span> </div> <p class="item-handle"></p> </a> </li> <li class="swiper-slide"> <a href="javascript:;"> <p class="item-num">7</p> <p class="item-name">六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> <span></span> <span></span> </div> <p class="item-handle"></p> </a> </li> <li class="swiper-slide"> <a href="javascript:;"> <p class="item-num">8</p> <p class="item-name">六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> <span></span> <span></span> </div> <p class="item-handle"></p> </a> </li> <li class="swiper-slide"> <a href="javascript:;"> <p class="item-num">9</p> <p class="item-name">六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> <span></span> <span></span> </div> <p class="item-handle"></p> </a> </li> <li class="swiper-slide"> <a href="javascript:;"> <p class="item-num">10</p> <p class="item-name">六轴机器人-垃圾分类</p> <p class="item-author">李卓俊</p> <p class="item-time">2024/08/13</p> <div class="list-star"> <span class="active-star"></span> <span class="active-star"></span> <span class="active-star"></span> <span></span> <span></span> </div> <p class="item-handle"></p> </a> </li> </ul> </div> <div class="swiper-btn swiper-prev"></div> <div class="swiper-btn swiper-next"></div> </div> </div> </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/plugins/swiper-bundle.min.js"></script><!-- 弹出框 --><script type="text/javascript" src="js/libs/layer/layer.js"></script><script type="text/javascript" src="js/index.js"></script><script> // 列表滚动切换效果 var mySwiper = new Swiper('.swiper-container',{ direction: 'vertical', // 垂直滚动 loop: true, speed: 1000, autoplay: { disableOnInteraction: false, }, onlyExternal: true, slidesPerView: 7, slidesPerGroup: 7, navigation: { nextEl: '.swiper-next', prevEl: '.swiper-prev', }, });</script></html>
|
