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.
238 lines
9.6 KiB
238 lines
9.6 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/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="javascript:;">
|
|
<p class="item-num">1</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">2</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 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>
|
|
</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>
|
|
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>
|