174 lines
6.6 KiB
HTML
174 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Hello 挑战网</title>
|
|
<link rel="stylesheet" type="text/css" href="index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="nav">
|
|
<div class="leftnav">
|
|
<a href="https://www.tiaozhan.com/"> <img
|
|
src="https://picture-1300689095.file.myqcloud.com/2022/10/02/c432cb2f65758.png" class="logo"
|
|
alt="logo.png" /></a>
|
|
<div class="list">
|
|
<div class="index">首页</div>
|
|
<div class="lists">
|
|
<span class="itemf">全部商品</span>
|
|
<ul class="itemlist">
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
</ul>
|
|
</div>
|
|
<div class="lists">
|
|
<span class="itemf">活动特惠</span>
|
|
<ul class="itemlist">
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
</ul>
|
|
</div>
|
|
<div class="lists">
|
|
<span class="itemf">设计服务</span>
|
|
<ul class="itemlist">
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
</ul>
|
|
</div>
|
|
<div class="lists">
|
|
<span class="itemf">家具灵感</span>
|
|
<ul class="itemlist">
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
</ul>
|
|
</div>
|
|
<div class="lists">
|
|
<span class="itemf">新品一览</span>
|
|
<ul class="itemlist">
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
</ul>
|
|
</div>
|
|
<div class="lists">
|
|
<span class="itemf">售后服务</span>
|
|
<ul class="itemlist">
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
<li class="item">我的商品</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rightnav">
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/02/4bf2f3dc003ab.svg" class="icon"
|
|
alt="云端上传.svg" />
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/02/0ea28152f1b9d.svg" class="icon"
|
|
alt="铃铛.svg" />
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/02/39fe9100bec89.svg" class="icon"
|
|
alt="登录.svg" />
|
|
</div>
|
|
</div>
|
|
<div class="navbars"></div>
|
|
<div class="content">
|
|
<div class="searchcon">
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/02/f838bb8f31975.jpg" class="simg">
|
|
<div class="sbar">
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/03/0de49d235da50.svg" class="sicon"
|
|
alt="搜索，猫客.svg" onclick="search()" />
|
|
<input type="text" class="sin" onfocus="changeBack()" onblur="backBack()" value="Search what I want">
|
|
</div>
|
|
</div>
|
|
<div class="horse">
|
|
<div class="nbar">
|
|
<div class="tz">
|
|
<div class="circle"></div>
|
|
<p class="ltz">来挑战，兴风作浪</p>
|
|
</div>
|
|
<div class="tz">
|
|
<div class="circle"></div>
|
|
<p class="ltz">来挑战，兴风作浪</p>
|
|
</div>
|
|
<div class="tz">
|
|
<div class="circle"></div>
|
|
<p class="ltz">来挑战，兴风作浪</p>
|
|
</div>
|
|
</div>
|
|
<div class="rhorse">
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/03/4b1ccd780121a.jpg" class="hr p1" />
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/03/fb0bf6e6e291b.jpg" class="hr p2" />
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/03/9c27204cd5a60.jpg" class="hr p3" />
|
|
<canvas class="ret"></canvas>
|
|
<div class="deps">
|
|
<div class="dep d1" onclick="chorse(2)">电子产品</div>
|
|
<div class="dep d2" onclick="chorse(0)">食品酒水</div>
|
|
<div class="dep d3" onclick="chorse(1)">家居用品</div>
|
|
<div class="timebar">
|
|
<div class="cbar"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="scr">
|
|
<div class="nbar test">
|
|
<div class="tz">
|
|
<div class="circle"></div>
|
|
<p class="ltz">来挑战，兴风作浪</p>
|
|
</div>
|
|
<div class="tz">
|
|
<div class="circle"></div>
|
|
<p class="ltz">来挑战，兴风作浪</p>
|
|
</div>
|
|
<div class="tz">
|
|
<div class="circle"></div>
|
|
<p class="ltz">来挑战，兴风作浪</p>
|
|
</div>
|
|
</div>
|
|
<div class="scps">
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/04/6c03c5a788526.jpg" class="sp s1">
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/04/5780788c85552.jpg" class="sp s2">
|
|
<img src="https://picture-1300689095.file.myqcloud.com/2022/10/04/6868c9e8d0a09.jpg" class="sp s3">
|
|
</div>
|
|
</div>
|
|
<div class="videos">
|
|
<div class="nbar">
|
|
<div class="tz">
|
|
<div class="circle"></div>
|
|
<p class="ltz">来挑战，兴风作浪</p>
|
|
</div>
|
|
<div class="tz">
|
|
<div class="circle"></div>
|
|
<p class="ltz">来挑战，兴风作浪</p>
|
|
</div>
|
|
<div class="tz">
|
|
<div class="circle"></div>
|
|
<p class="ltz">来挑战，兴风作浪</p>
|
|
</div>
|
|
</div>
|
|
<div class="vs">
|
|
<video src="https://picture-1300689095.file.myqcloud.com/2022/10/05/2d016a157a7f4.mp4" class="v v1"
|
|
controls></video>
|
|
<video src="test.mp4" class="v v2" controls></video>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<h1 class="tzw">挑战网</h1>
|
|
<p class="bm">技术部|美工部|视频部|来挑战兴风作浪就是说</p>
|
|
</div>
|
|
</div>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
|
|
</html> |