66 lines
1.9 KiB
HTML
66 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh_CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<!--这是index.html-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>用户注册</title>
|
|
<!--导入样式表-->
|
|
<link rel="stylesheet" href="index.css" />
|
|
</head>
|
|
<body>
|
|
<!--导航栏-->
|
|
<div id="navbar">
|
|
<!--导航栏左侧对象-->
|
|
<div id="nav_left">
|
|
<div class="navobj">
|
|
<a href="#">首页</a>
|
|
</div>
|
|
<div class="navobj dropdown">
|
|
<!--商品分类下拉菜单-->
|
|
<a href="#" class="dropbtn" id="navbar_typeobj">商品分类</a>
|
|
<div class="dropdown-content">
|
|
<a href="#">分类1</a>
|
|
<a href="#">分类2</a>
|
|
<a href="#">分类3</a>
|
|
</div>
|
|
</div>
|
|
<div class="navobj">
|
|
<a href="#">热销</a>
|
|
</div>
|
|
<div class="navobj">
|
|
<a href="#">新品</a>
|
|
</div>
|
|
<div class="navobj" id="navbar_regobj">
|
|
<a href="#">注册</a>
|
|
</div>
|
|
<div class="navobj">
|
|
<a href="#">登录</a>
|
|
</div>
|
|
</div>
|
|
<!--导航栏右侧对象-->
|
|
<div id="nav_right" style="display: flex">
|
|
<!--搜索按钮-->
|
|
<div class="navobj dropdown">
|
|
<!--搜索下拉菜单-->
|
|
<a href="#" class="dropbtn" id="nav_search_svg"
|
|
><img src="assets/navbar/search.svg" alt="搜索" class="nav_svg"
|
|
/></a>
|
|
<div class="dropdown-content">
|
|
<form action="#" style="display: flex">
|
|
<input type="text" />
|
|
<button type="submit">搜索</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!--购物车按钮-->
|
|
<div class="navobj">
|
|
<a href="#">
|
|
<img src="assets/navbar/cart.svg" alt="购物车" class="nav_svg" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|