Skip to content

xtx-pc-client
xtx-pc-client

a_fafafa / xtx-pc-client

通知 3
Star 1
Fork 0
xtx-pc-client
xtx-pc-client

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 dd6eec56 编写于 作者: a_fafafa's avatar a_fafafa
浏览文件
操作

上传新文件

上级 7d1e99ed
隐藏空白更改
内联 并排
Showing with 349 addition and 0 deletion
index.html 0 → 100644
浏览文件 @ dd6eec56
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小兔鲜儿-新鲜、惠民、快捷！</title>
<meta name="Description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。"/>
<meta name="Keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物"/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<!-- 头部模块 -->
<header>
<!-- 快捷菜单模块 -->
<div class="xtx-shortcut">
<!-- 版心盒子 -->
<nav class="container">
<ul class="fr">
<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>
</nav>
</div>
<!-- 主导航模块 -->
<div class="xtx-main-nav container">
<!-- logo -->
<h1 class="logo fl">
<a href="#">小兔鲜儿</a>
</h1>
<!-- 导航 -->
<nav class="fl">
<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>
<li><a href="#">孕婴</a></li>
<li><a href="#">服装</a></li>
</ul>
</nav>
<!-- 搜索 -->
<div class="search fl">
<input type="search" placeholder="搜一搜" >
</div>
<!-- 购物车 -->
<div class="cart fl">
<span>2</span>
</div>
</div>
</header>
<!-- 网站入口模块 -->
<div class="xtx-entry">
<div class="container">
<!-- 轮播图 -->
<ul class="banner">
<li>
<a href="#">
<img src="uploads/banner_1.png" >
</a>
</li>
</ul>
<!-- 商品分类侧边栏 -->
<aside class="category">
<ul>
<li><a href="#">生鲜 <span>水果</span> <span>蔬菜</span></a></li>
<li><a href="#">美食 <span>面点</span> <span>干果</span></a></li>
<li><a href="#">餐厨 <span>数码产品</span></a></li>
<li><a href="#">电器 <span>床品</span> <span>四件套</span> <span>被枕</span></a></li>
<li><a href="#">居家 <span>奶粉</span> <span>玩具</span> <span>辅食</span></a></li>
<li><a href="#">洗护 <span>洗发</span> <span>洗护</span> <span>美妆</span></a></li>
<li><a href="#">孕婴 <span>奶粉</span> <span>玩具</span></a></li>
<li><a href="#">服饰 <span>女装</span> <span>男装</span></a></li>
<li><a href="#">杂货 <span>户外</span> <span>图书</span></a></li>
<li><a href="#">品牌 <span>品牌制造</span></a></li>
</ul>
</aside>
<!-- 左右按钮 -->
<a href="#" class="prev"></a>
<a href="#" class="next"></a>
<!-- 轮播图指示器 -->
<ol class="indicator">
<li></li>
<li></li>
<li class="active"></li>
<li></li>
<li></li>
</ol>
</div>
</div>
<!-- 新鲜好物模块 -->
<div class="xtx-new-goods container">
<!-- 好物模块头部 -->
<div class="goods-hd">
<!-- 左侧h2标签 -->
<h2 class="fl">
新鲜好物
<span>新鲜出炉&nbsp;&nbsp;&nbsp;&nbsp;品质靠谱</span>
</h2>
<!-- 右边a标签 -->
<a href="#" class="fr">查看全部</a>
</div>
<!-- 好物模块列表 -->
<ul class="goods-list fl">
<li>
<a href="#">
<img src="./uploads/new_goods_1.jpg" >
<h3>睿米无线吸尘器F8</h3>
<p><span>¥</span> 899</p>
</a>
</li>
<li>
<a href="#">
<img src="./uploads/new_goods_2.jpg" >
<h3>智能环绕3D空调</h3>
<p><span>¥</span> 899</p>
</a>
</li>
<li>
<a href="#">
<img src="./uploads/new_goods_3.jpg" >
<h3>广东软软糯米煲仔饭</h3>
<p><span>¥</span> 129</p>
</a>
</li>
<li>
<a href="#">
<img src="./uploads/new_goods_4.jpg" >
<h3>罗西机械智能手表</h3>
<p><span>¥</span> 3399</p>
</a>
</li>
</ul>
</div>
<!-- 人气推荐模块 -->
<div class="xtx-popular container">
<!-- 人气推荐头部 -->
<div class="popular-hd">
<h2 class="fl">
人气推荐
<span>人气爆款&nbsp;&nbsp;&nbsp;&nbsp;不容错过</span>
</h2>
</div>
<!-- 人气推荐列表 -->
<ul class="popular-list fl">
<li>
<a href="#">
<img src="./uploads/popular_1.jpg" >
</a>
<h3>特惠推荐</h3>
<p>我猜得到 你的需要</p>
</li>
<li>
<a href="#">
<img src="./uploads/popular_2.jpg" >
</a>
<h3>爆款推荐</h3>
<p>人气好物推荐</p>
</li>
<li>
<a href="#">
<img src="./uploads/popular_3.jpg" >
</a>
<h3>场景使用一站全买</h3>
<p>编辑精心整理推荐</p>
</li>
<li>
<a href="#">
<img src="./uploads/popular_4.jpg" >
</a>
<h3>领券中心</h3>
<p>发现更多超值优惠</p>
</li>
</ul>
</div>
<!-- 热门品牌模块 -->
<div class="xtx-brand-goods ">
<div class="container">
<!-- 热门品牌头部 -->
<div class="brand-hd">
<h2 class="fl">
热门品牌
<span>国际经典&nbsp;&nbsp;&nbsp;&nbsp;品质保证</span>
</h2>
<a href="#" class="prev "></a>
<a href="#" class="next "></a>
</div>
<!-- 热门品牌列表 -->
<ul class="brand-list">
<li>
<a href="#">
<img src="uploads/brand_goods_1.jpg" >
</a>
</li>
<li>
<a href="#">
<img src="uploads/brand_goods_2.jpg" >
</a>
</li>
<li>
<a href="#">
<img src="uploads/brand_goods_3.jpg" >
</a>
</li>
<li>
<a href="#">
<img src="uploads/brand_goods_4.jpg" >
</a>
</li>
<li>
<a href="#">
<img src="uploads/brand_goods_5.jpg" >
</a>
</li>
</ul>
</div>
</div>
<!-- 最新专题模块 -->
<div class="xtx-new-topics">
<div class="container">
<!--最新专题头部 -->
<div class="topics-hd">
<h2 class="fl">最新专题</h2>
<a href="#" class="fr">查看全部</a>
</div>
<!-- 最新专题列表 -->
<ul class="topics-list">
<li>
<a href="#">
<img src="uploads/topic_goods_1.jpg" >
</a>
<div class="social">
<span class="like">1200</span>
<span class="view">1800</span>
<span class="reply">246</span>
</div>
</li>
<li>
<a href="#">
<img src="uploads/topic_goods_2.jpg" >
</a>
<div class="social">
<span class="like">1200</span>
<span class="view">1800</span>
<span class="reply">246</span>
</div>
</li>
<li>
<a href="#">
<img src="uploads/topic_goods_3.jpg" >
</a>
<div class="social">
<span class="like">1200</span>
<span class="view">1800</span>
<span class="reply">246</span>
</div>
</li>
</ul>
</div>
</div>
<!-- 底部模块 -->
<footer>
<!-- 联系模块 -->
<section class="xtx-contact">
<div class="container">
<!-- 客户服务 -->
<dl class="customer">
<dt>客户服务</dt>
<dd class="chat">在线客服</dd>
<dd class="feedback">问题反馈</dd>
</dl>
<!-- 关注我们 -->
<dl class="follow">
<dt>关注我们</dt>
<dd class="weixin">公众号</dd>
<dd class="weibo">微博</dd>
</dl>
<!-- 下载APP -->
<dl class="download">
<dt>下载APP</dt>
<dd class="qrcode">
<img src="./uploads/qrcode.jpg" alt="">
</dd>
<dd class="info">
<p>扫描二维码</p>
<p>立马下载APP</p>
<a href="#">下载页面</a>
</dd>
</dl>
<!-- 服务热线 -->
<dl class="tel">
<dt>服务热线</dt>
<dd class="hotline">
<p>400-0000-000</p>
<p>周一至周日 8:00-18:00</p>
</dd>
</dl>
</div>
</section>
<!-- 宣传服务模块 -->
<div class="xtx-sercive">
<div class="container">
<a href="">价格亲民</a>
<a href="">物流快捷</a>
<a href="">品质新鲜</a>
</div>
</div>
<!-- 版权信息模块 -->
<div class="xtx-copyright">
<div class="container">
<p>
<a href="#">关于我们</a>|
<a href="#">帮助中心</a>|
<a href="#">售后服务</a>|
<a href="#">配送与验收</a>|
<a href="#">商务合作</a>|
<a href="#">搜索推荐</a>|
<a href="#">友情链接</a>|
</p>
<p>CopyRight @ 小兔鲜儿 1999-2021</p>
</div>
</div>
</footer>
</body>
</html>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或