<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="./css/common.css" />
<link rel="stylesheet" href="./css/base.css" />
<link rel="stylesheet" href="./css/index.css" />
</head>
</head>
<body>
<header>
<!-- 顶部导航 -->
<div class="top-nav">
<!-- 版心 -->
<div class="container">
<ul>
<li><a href="#">请先登录</a></li>
<li><a href="#">免费注册</a></li>
<li><a href="#">我的订单</a></li>
<li><a href="#">会员中心</a></li>
<li><a href="#">在线客服</a></li>
<li><a href="#">帮助中心</a></li>
<li><a href="#">手机版</a></li>
</ul>
</div>
</div>
<!-- 主导航 -->
<div class="main-nav">
<div class="container">
<!-- logo -->
<div class="logo">
<h1>
<a href="#" title="小兔儿官网">小兔鲜</a>
</h1>
</div>
<nav class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#" id="zhentou">生鲜</a></li>
<li><a href="#" id="beizi">美食</a></li>
<li><a href="#">餐厨</a></li>
<li><a href="#">电器</a></li>
<li><a href="#">居家</a></li>
<li><a href="#">洗护</a></li>
<li><a href="#">孕婴</a></li>
<li><a href="#">服装</a></li>
</ul>
</nav>
<!-- search -->
<div class="search">
<input type="text" placeholder="搜一搜" />
</div>
<!-- 购物车 -->
<div class="cart">
<a href="#">
<span>2000</span>
</a>
</div>
</div>
</div>
</header>
<!-- entry 入口模块 -->
<section class="entry">
<div class="container">
<div class="banner">
<ul>
<li>
<a href="">
<img src="./upload/banner_1.png" alt="">
</a>
</li>
</ul>
<!-- 左右按钮 -->
<a href="#" class="prev" ></a>
<a href="#" class="next" ></a>
<!-- 小圆点 -->
<ul class="circle">
<li></li>
<li class="active"></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<!-- 侧边栏 -->
<aside class="category">
<ul>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
<li><a href="#"><em>生鲜</em> 水果 蔬菜</a></li>
</ul>
</aside>
</div>
</section>
<!-- 新鲜购物模块 -->
<div class="container">
<!-- 小兔鲜样式相同的盒子xtx-panel-box -->
<div class="xtx-panel-box" id="box">
<div class="box-hd">
<h3>新鲜好物
<small>新鲜出炉 品质靠谱</small>
</h3>
<a href="#" class="more">查看更多</a>
</div>
<div class="box-bd">
<ul class="clearfixs" id="movebox" >
<li>
<a href="">
<div class="imgbox">
<img src="./upload/new_goods_1.jpg" alt="">
</div>
<h4>睿米无线吸尘器F8</h4>
<p>￥<span>899</span></p>
<div class="new">新品</div>
</a>
</li>
<li>
<a href="">
<div class="imgbox">
<img src="./upload/new_goods_1.jpg" alt="">
</div>
<h4>睿米无线吸尘器F8</h4>
<p>￥<span>899</span></p>
<div class="new">新品</div>
</a>
</li>
<li>
<a href="">
<div class="imgbox">
<img src="./upload/new_goods_1.jpg" alt="">
</div>
<h4>睿米无线吸尘器F8</h4>
<p>￥<span>899</span></p>
<div class="new">新品</div>
</a>
</li>
<li>
<a href="">
<div class="imgbox">
<img src="./upload/new_goods_1.jpg" alt="">
</div>
<h4>睿米无线吸尘器F8</h4>
<p>￥<span>899</span></p>
<div class="new">新品</div>
</a>
</li>
<li>
<a href="">
<div class="imgbox">
<img src="./upload/new_goods_1.jpg" alt="">
</div>
<h4>睿米无线吸尘器F8</h4>
<p>￥<span>899</span></p>
<div class="new">新品</div>
</a>
</li>
</ul>
<a href="javascript:" class="prevs" id="leftbtn"></a>
<a href="javascript:" class="nexts" id="rightbtn"></a>
</div>
</div>
<div class="xtx-panel-box renqi">
<div class="box-hd">
<h3>人气推荐
<small>人气爆款 不容错过</small>
</h3>
</div>
<div class="box-bd">
<ul>
<li>
<a href="">
<img src="./upload/popular_1.jpg" alt="">
<h4>特惠推荐</h4>
<div class="info">我猜的到你的需要</div>
</a>
</li>
<li>
<img src="./upload/popular_2.jpg" alt="">
<h4>特惠推荐</h4>
<div class="info">我猜的到你的需要</div>
</li>
<li>
<img src="./upload/popular_3.jpg" alt="">
<h4>特惠推荐</h4>
<div class="info">我猜的到你的需要</div>
</li>
<li>
<img src="./upload/popular_4.jpg" alt="">
<h4>特惠推荐</h4>
<div class="info">我猜的到你的需要</div>
</li>
</ul>
</div>
</div>
<!-- 生鲜模块 -->
<div class="xtx-panel-box">
<div class="box-hd">
<h3>生鲜
</h3>
<!-- 小导航栏 -->
<ul>
<li><a href="#" >水果</a></li>
<li><a href="#">水果</a></li>
<li><a href="#">肉禽蛋</a></li>
<li><a href="#">水果</a></li>
<li><a href="#">水果</a></li>
<li><a href="#">水果</a></li>
<li><a href="#">水果</a></li>
</ul>
<a href="#" class="more">查看更多</a>
</div>
<!-- 主体部分 -->
<div class="goods">
<div class="goods-l">
<a href="#">
<img src=
前端新手项目-兔儿鲜项目
4星 · 超过85%的资源 需积分: 35 192 浏览量
2022-10-18
22:41:18
上传
评论 1
收藏 5.79MB ZIP 举报 
兔儿鲜项目.zip （82个子文件） 
兔儿鲜项目 css 
base.css 966B common.css 5KB index.css 6KB upload 
new_goods_2.jpg 161KB seckill_goods_2.jpg 30KB history_goods_1.jpg 32KB fresh_goods_2.jpg 110KB brand_goods_2.jpg 76KB fresh_goods_7.jpg 68KB topic_goods_3.jpg 222KB clothes_goods_cover.jpg 152KB kitchen_goods_8.jpg 37KB kitchen_goods_cover.jpg 112KB popular_2.jpg 125KB collect_goods_4.jpg 30KB new_goods_1.jpg 72KB kitchen_goods_2.jpg 35KB topic_goods_2.jpg 134KB fresh_goods_8.jpg 76KB collect_goods_3.jpg 33KB order_goods_2.jpg 15KB home_goods_2.jpg 58KB home_goods_8.jpg 38KB discuss_goods_1.jpg 77KB topic_goods_1.jpg 188KB clothes_goods_3.jpg 33KB discuss_goods_2.jpg 61KB clothes_goods_2.jpg 49KB fresh_goods_1.jpg 72KB kitchen_goods_1.jpg 44KB kitchen_goods_3.jpg 23KB
banner_1.png 892KB seckill_goods_3.jpg 32KB brand_goods_3.jpg 57KB kitchen_goods_7.jpg 34KB clothes_goods_5.jpg 32KB kitchen_goods_6.jpg 57KB home_goods_3.jpg 38KB popular_1.jpg 148KB popular_4.jpg 179KB .DS_Store 6KB order_goods_1.jpg 19KB discuss_goods_3.jpg 55KB qrcode.png 6KB brand_goods_1.jpg 59KB fresh_goods_5.jpg 84KB home_goods_1.jpg 20KB collect_goods_1.jpg 60KB home_goods_4.jpg 23KB home_goods_cover.jpg 85KB fresh_goods_6.jpg 80KB clothes_goods_1.jpg 60KB popular_3.jpg 154KB new_goods_3.jpg 283KB history_goods_2.jpg 29KB seckill_goods_1.jpg 29KB collect_goods_2.jpg 49KB clothes_goods_7.jpg 45KB clothes_goods_6.jpg 29KB kitchen_goods_5.jpg 41KB new_goods_4.jpg 195KB avatar_1.png 49KB home_goods_5.jpg 59KB brand_goods_4.jpg 55KB kitchen_goods_4.jpg 85KB clothes_goods_8.jpg 25KB seckill_goods_4.jpg 29KB history_goods_3.jpg 33KB history_goods_4.jpg 30KB home_goods_7.jpg 92KB brand_goods_5.jpg 76KB fresh_goods_4.jpg 56KB home_goods_6.jpg 53KB fresh_goods_3.jpg 56KB fresh_goods_cover.jpg 115KB clothes_goods_4.jpg 30KB image abcd.jpg 176KB seckill.jpg 25KB sprites.png 35KB logo.png 45KB
index.html 16KB js 1.js 236B
评论1