push all files
This commit is contained in:
844
index.html
Normal file
844
index.html
Normal file
@@ -0,0 +1,844 @@
|
||||
<!DOCTYPE html>
|
||||
<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">
|
||||
<meta name="author" content="吴兴有">
|
||||
<link rel="shortcut icon" href="favicon/favicon.ico" />
|
||||
<link rel="stylesheet" href="css/base.css">
|
||||
<link rel="stylesheet" href="css/common.css">
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<link rel="stylesheet" href="js/index.js">
|
||||
<link rel="stylesheet" href="list.html">
|
||||
<title>有品优购(YPY.COM) - 正品低价、品质保障、配送及时、轻松购物！</title>
|
||||
<meta name="description" content="品优-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数
|
||||
十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。" />
|
||||
<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东" />
|
||||
<script src="js/ainmate.js"></script>
|
||||
<!-- 函数必须先引入 -->
|
||||
<script src="js/index.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="toolkit">
|
||||
<ul>
|
||||
<li><a href="#guesslike">猜你喜欢</a></li>
|
||||
<li><a href="#youqu">有趣区</a></li>
|
||||
<li><a href="#jiadian">家用电器</a></li>
|
||||
<li><a href="#shouji">手机通讯</a></li>
|
||||
<li><a href="#pcwork">电脑办公</a></li>
|
||||
<li><a href="#fengqiang">热门疯抢</a></li>
|
||||
<div class="returntop">返回顶部</div>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 快捷导航模块 start -->
|
||||
<section class="shortcut">
|
||||
<div class="w">
|
||||
<div class="fl">
|
||||
<ul>
|
||||
<li>有品优购欢迎你！ </li>
|
||||
<li><a href="login.html">请登录</a> <a href="login1.html">请登录(版本2)</a> <a
|
||||
href="register.html" class="style_red">免费注册</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="fr">
|
||||
<ul>
|
||||
<li><a href="#">我的订单</a></li>
|
||||
<li></li>
|
||||
<li class="iconfont"><a href="#">我的品优购 </a></li>
|
||||
<li></li>
|
||||
<li><a href="#">品优购会员</a></li>
|
||||
<li></li>
|
||||
<li><a href="#">企业采购</a></li>
|
||||
<li></li>
|
||||
<li class="iconfont"><a href="#">关注品优购 </a></li>
|
||||
<li></li>
|
||||
<li class="iconfont"><a href="#">客户服务 </a></li>
|
||||
<li></li>
|
||||
<li class="iconfont"><a href="#">网站导航 </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 快捷导航模块 end -->
|
||||
|
||||
<!-- 头部制作 start -->
|
||||
<div class="header w">
|
||||
<div class="logo">
|
||||
<h1><a href="index.html" title="吴兴有的品优购商城">品友购商城</a></h1>
|
||||
</div>
|
||||
|
||||
<div class="search">
|
||||
<input type="search" name="" id="" placeholder="宝，你来啦！">
|
||||
<a href="list.html" target="_blank">
|
||||
<button class="iconfont"></button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="hotwords">
|
||||
<a href="">iphone14</a>
|
||||
<a href="">亿元优惠</a>
|
||||
<a href="">9.9元团购</a>
|
||||
<a href="">rog枪神6</a>
|
||||
<a href="">办公用品</a>
|
||||
<a href="">电脑</a>
|
||||
<a href="">通信</a>
|
||||
</div>
|
||||
<div class="shopcar iconfont">
|
||||
<a href="shopcar.html" target="_blank"><i></i> <em>我的购物车</em> </a>
|
||||
<div class="shopcar_icon"><a href="shopcar.html">qq3050128610</a></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- 头部制作 end -->
|
||||
|
||||
<!-- nav栏制作 start -->
|
||||
<div class="nav">
|
||||
<div class="w ">
|
||||
<div class="dropdown">
|
||||
<div class="dt">全部商品分类</div>
|
||||
<div class="dd iconfont">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="list.html" target="_blank"> 家用电器 <em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank"> 手机、数码、通信
|
||||
<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank"> 电脑、办公<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
家居、家具、家装、厨具<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
男装、女装、童装、内衣<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
个性化转、清洁用品、宠物<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
鞋靴、箱包、珠宝、奢侈品<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
户外运动、钟表<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
汽车、汽车用品<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
母婴、玩具乐器<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
食品、酒类、生鲜、特产<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank"> 医药保健<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
图书、音像、电子书<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank">
|
||||
彩票、旅行、充值、票务<em></em></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="list.html" target="_blank" class="last">
|
||||
理财、众筹、白条、保险<em></em></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="navitems">
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- nav栏制作 end -->
|
||||
|
||||
|
||||
<!-- 首页专有模块开始 -->
|
||||
<div class="w">
|
||||
<div class="main">
|
||||
<div class="focus">
|
||||
<div class="arrow arrow_left">
|
||||
<img src="images/arrow_left.png" alt="">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="arrow arrow_right">
|
||||
<img src="images/arrow_right .png" alt="">
|
||||
|
||||
</div>
|
||||
<ol class="spot"> <!-- 自动生成轮播图的计数圈点 -->
|
||||
|
||||
</ol>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><img src="images/banner7.png" alt=""></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><img src="images/banner6.jpg" alt=""></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><img src="images/banner4.jpg" alt=""></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><img src="images/banner5.jpg" alt=""></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><img src="images/banner3.jpg" alt=""></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><img src="images/banner2.jpg" alt=""></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><img src="images/banner.jpg" alt=""></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="newsflash">
|
||||
<div class="news">
|
||||
<div class="news_hd">
|
||||
<h5>品优购快报</h5>
|
||||
<a href="#" class="iconfont">更多  </a>
|
||||
</div>
|
||||
<div class="news_bd">
|
||||
<ul>
|
||||
<li><a href="#"><strong>[特惠] </strong>寒假好好学习，天天向上...</a></li>
|
||||
<li><a href="#"><strong>[公告] </strong>寒假好好学习，天天向上...</a></li>
|
||||
<li><a href="#"><strong>[特惠] </strong>寒假好好学习，天天向上...</a></li>
|
||||
<li><a href="#"><strong>[公告] </strong>寒假好好学习，天天向上...</a></li>
|
||||
<li><a href="#"><strong>[特惠] </strong>寒假好好学习，天天向上...</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lifeservice">
|
||||
<ul>
|
||||
<li class="iconfont">
|
||||
<a href="https://www.189.cn/fj_qz/" target="_blank">
|
||||
<i></i>
|
||||
<p>话费</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://flights.ctrip.com/online/channel/domestic" target="_blank">
|
||||
<i></i>
|
||||
<p>机票</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://movie.jd.com/#/" target="_blank">
|
||||
<i>󰉾</i>
|
||||
<p>电影票</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://www.4399.com/" target="_blank">
|
||||
<i></i>
|
||||
<p>游戏</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://www.zhcw.com/" target="_blank">
|
||||
<i></i>
|
||||
<p>彩票</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://www.sinopecsales.com/default.html" target="_blank">
|
||||
<i></i>
|
||||
<p>加油卡</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://ctrip.com/" target="_blank">
|
||||
<i></i>
|
||||
<p>酒店</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://www.12306.cn/index/" target="_blank">
|
||||
<i>者</i><br>
|
||||
<p>火车票</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://www.taobao.com/" target="_blank">
|
||||
<i></i>
|
||||
<p>众筹</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://www.alipay.com/" target="_blank">
|
||||
<i></i>
|
||||
<p>理财</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://www.limaimai.com/" target="_blank">
|
||||
<i></i>
|
||||
<p>礼品卡</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="iconfont">
|
||||
<a href="https://www.jd.com/" target="_blank">
|
||||
<i></i>
|
||||
<p>白条</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bargin">
|
||||
<img src="images/bargin3.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 首页专有模块结束 -->
|
||||
|
||||
<!-- 推荐模块 开始 -->
|
||||
<div class="w recommend">
|
||||
<div class="recom_hd">
|
||||
<img src="images/recom.png" alt="">
|
||||
</div>
|
||||
<div class="recom_bd">
|
||||
<ul>
|
||||
<!-- <li><img src="upload/recom_1.png" alt=""></li> -->
|
||||
<li><a href="#"><img src="upload/recom_1.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="upload/recom_2.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="upload/recom_3.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="upload/recom_04.jpg" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 推荐模块结束 -->
|
||||
|
||||
<!-- 猜你喜欢 开始 -->
|
||||
|
||||
<div class="guesslike w" id="guesslike">
|
||||
<div class="box_hd">
|
||||
<h3 class="style_blac">猜你喜欢</h3>
|
||||
<div class="tab_list">
|
||||
<a href="#" class="iconfont">换一批 </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_bd">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="bd_top">
|
||||
<img src="upload/bao.png" alt="">
|
||||
</div>
|
||||
<div class="bd_bottom">
|
||||
<p>
|
||||
阳光美包新款单肩包女<br>
|
||||
包时尚子母包四件套女
|
||||
</p>
|
||||
<i>$116.00</i>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="bd_top">
|
||||
<img src="upload/guo.png" alt="">
|
||||
</div>
|
||||
<div class="bd_bottom">
|
||||
<p>
|
||||
爱仕达 30cm炒锅不粘<br>
|
||||
锅NWG8330E电磁炉炒
|
||||
</p>
|
||||
<i>$99.00</i>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="bd_top">
|
||||
<img src="upload/jiebolang.png" alt="">
|
||||
</div>
|
||||
<div class="bd_bottom">
|
||||
<p>
|
||||
捷波朗<br>
|
||||
(jabra) BOOSI 劲步
|
||||
</p>
|
||||
<i>$245.00</i>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="bd_top">
|
||||
<img src="upload/oupu.png" alt="">
|
||||
</div>
|
||||
<div class="bd_bottom">
|
||||
<p>
|
||||
欧普<br>
|
||||
JYLZ08面板灯平板灯铝
|
||||
</p>
|
||||
<i>$266.00</i>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="bd_top">
|
||||
<img src="upload/guesslike1.png" alt="">
|
||||
</div>
|
||||
<div class="bd_bottom">
|
||||
<p>
|
||||
Apple iphone14<br>
|
||||
支持移动联通5G
|
||||
</p>
|
||||
<i>$649.00</i>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="bd_top">
|
||||
<img src="upload/hanguo.png" alt="">
|
||||
</div>
|
||||
<div class="bd_bottom">
|
||||
<p>
|
||||
韩国所望<br>
|
||||
紧致湿润精华露400ml
|
||||
</p>
|
||||
<i>$626.00</i>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 猜你喜欢 结束 -->
|
||||
|
||||
|
||||
<!-- 传智播客 有趣区 开始 -->
|
||||
<div class="chuanzhi w" id="youqu">
|
||||
<div class="box_hd">
|
||||
<h3 class="style_blac">传智播客 有趣区</h3>
|
||||
</div>
|
||||
<div class="box_bd">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="upload/chuanzhi_1.png" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="upload/chuanzhi_2.png" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="upload/chuanzhi_3.png" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="upload/chuanzhi_4.png" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 传智播客 有趣区 结束 -->
|
||||
|
||||
|
||||
<!-- 楼层区域制作 开始 -->
|
||||
<div class="floor w">
|
||||
<div class="jiadian " id="jiadian">
|
||||
<div class="box_hd">
|
||||
<h3>家用电器</h3>
|
||||
<div class="tab_list">
|
||||
<ul>
|
||||
<li><a href="#" class="style_red">热门</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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_bd">
|
||||
<div class="bd_1">
|
||||
<div class="bd1_hd">
|
||||
<ul>
|
||||
<li><a href="#">节能补贴</a></li>
|
||||
<li><a href="#">4k电视</a></li>
|
||||
<li><a href="#">空气净化器</a></li>
|
||||
<li><a href="#">IH电饭煲</a></li>
|
||||
<li><a href="#">滚筒洗衣机</a></li>
|
||||
<li><a href="#">电热水器</a></li>
|
||||
</ul>
|
||||
<a href="#">
|
||||
<img src="upload/bd_1.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd1_bd"></div>
|
||||
</div>
|
||||
<div class="bd_2">
|
||||
<a href="#">
|
||||
<img src="upload/bd_2.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd_3">
|
||||
<a href="#">
|
||||
<div class="bd_3_top">
|
||||
<img src="upload/bd_3_top.png" alt="">
|
||||
</div>
|
||||
</a>
|
||||
<a href="#">
|
||||
<div class="bd_3_bottom">
|
||||
<img src="upload/bd_3_bottom.png" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd_4">
|
||||
<a href="#"><img src="upload/bd_4.png" alt=""></a>
|
||||
</div>
|
||||
<div class="bd_5">
|
||||
<a href="#"><img src="upload/bd_5.png" alt=""></a>
|
||||
</div>
|
||||
<!-- 有点累，偷个懒，这里不分上下了 ---2022-10-16--wxy -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="ad">
|
||||
<a href="#"><img src="upload/advertise_1.png" alt=""></a>
|
||||
</div>
|
||||
|
||||
<div class="shouji " id="shouji">
|
||||
<div class="box_hd">
|
||||
<h3>手机通讯</h3>
|
||||
<div class="tab_list">
|
||||
<ul>
|
||||
<li><a href="#" class="style_red">热门</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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_bd">
|
||||
<div class="bd_1">
|
||||
<div class="bd1_hd">
|
||||
<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>
|
||||
</ul>
|
||||
<a href="#">
|
||||
<img src="upload/bd2_1.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd1_bd"></div>
|
||||
</div>
|
||||
<div class="bd_2">
|
||||
<a href="#">
|
||||
<img src="upload/bd2_2.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd_3">
|
||||
<a href="#">
|
||||
<div class="bd_3_top">
|
||||
<img src="upload/bd2_3_top.png" alt="">
|
||||
</div>
|
||||
</a>
|
||||
<a href="#">
|
||||
<div class="bd_3_bottom">
|
||||
<img src="upload/bd2_3_bottom.png" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd_4">
|
||||
<a href="#"><img src="upload/bd2_4.png" alt=""></a>
|
||||
</div>
|
||||
<div class="bd_5">
|
||||
<a href="#"><img src="upload/bd2_5.png" alt=""></a>
|
||||
</div>
|
||||
<!-- 有点累，偷个懒，这里不分上下了 ---2022-10-16--wxy -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="ad">
|
||||
<a href="#"> <img src="upload/advertise_2.png" alt=""></a>
|
||||
</div>
|
||||
|
||||
<div class="diannao " id="pcwork">
|
||||
<div class="box_hd">
|
||||
<h3>电脑办公</h3>
|
||||
<div class="tab_list">
|
||||
<ul>
|
||||
<li><a href="#" class="style_red">热门</a>|</li>
|
||||
<li><a href="#">电脑/平板</a>|</li>
|
||||
<li><a href="#">潮流影音</a>|</li>
|
||||
<li><a href="#">智能/外设</a>|</li>
|
||||
<li><a href="#">DIY硬件</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="box_bd">
|
||||
<div class="bd_1">
|
||||
<div class="bd1_hd">
|
||||
<ul>
|
||||
<li><a href="#">SSD硬盘</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="#">
|
||||
<img src="upload/bd3_1.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd1_bd"></div>
|
||||
</div>
|
||||
<div class="bd_2">
|
||||
<a href="#">
|
||||
<img src="upload/bd3_2.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd_3">
|
||||
<a href="#">
|
||||
<div class="bd_3_top">
|
||||
<img src="upload/bd3-3_top.png" alt="">
|
||||
</div>
|
||||
</a>
|
||||
<a href="#">
|
||||
<div class="bd_3_bottom">
|
||||
<img src="upload/bd3_3_bottom.png" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="bd_4">
|
||||
<a href="#"><img src="upload/bd3_4.png" alt=""></a>
|
||||
</div>
|
||||
<div class="bd_5">
|
||||
<a href="#"><img src="upload/bd3_5.png" alt=""></a>
|
||||
</div>
|
||||
<!-- 有点累，偷个懒，这里不分上下了 ---2022-10-16--wxy -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ad">
|
||||
<a href="#"><img src="upload/advertise_3.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 楼层区域制作 结束 -->
|
||||
|
||||
<!-- 热门疯抢 开始 -->
|
||||
|
||||
<div class="fengqiang w" id="fengqiang">
|
||||
<div class="box_hd">
|
||||
<h3 class="style_blac">热门疯抢</h3>
|
||||
</div>
|
||||
<div class="box_bd">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="upload/toulan.png" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<!-- 偷点懒，问题不大 2022-10-17 ---wxy -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 热门疯抢 结束 -->
|
||||
|
||||
|
||||
<!-- 底部模块制作 start -->
|
||||
<footer class="footer">
|
||||
<div class="w">
|
||||
<div class="mod_service">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<h5>正</h5>
|
||||
<div>
|
||||
<h2>正品保障</h2>
|
||||
<p>正品保障，提供发票</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<h5>速</h5>
|
||||
<div>
|
||||
<h2>极速物流</h2>
|
||||
<p>极速物流，急速送达</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<h5>保</h5>
|
||||
<div>
|
||||
<h2>无忧售后</h2>
|
||||
<p>7天无理由退货</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<h5>特</h5>
|
||||
<div>
|
||||
<h2>特色服务</h2>
|
||||
<p>私人定制家电套餐</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<h5>帮</h5>
|
||||
<div>
|
||||
<h2>帮助中心</h2>
|
||||
<p>您的购物指南</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mod_help">
|
||||
<dl>
|
||||
<dt>购物指南</dt>
|
||||
<dd><a href="#">购物流程</a></dd>
|
||||
<dd><a href="#">会员介绍</a></dd>
|
||||
<dd><a href="#">生活旅行/团购</a></dd>
|
||||
<dd><a href="#">常见问题</a></dd>
|
||||
<dd><a href="#">大家电</a></dd>
|
||||
<dd><a href="#">联系客服</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>配送方式</dt>
|
||||
<dd><a href="#">上门自提</a></dd>
|
||||
<dd><a href="#">211限时达</a></dd>
|
||||
<dd><a href="#">配送服务查询</a></dd>
|
||||
<dd><a href="#">配送费收取标准</a></dd>
|
||||
<dd><a href="#">海外配送</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>支付方式</dt>
|
||||
<dd><a href="#">货到付款</a></dd>
|
||||
<dd><a href="#">在线支付</a></dd>
|
||||
<dd><a href="#">分期付款</a></dd>
|
||||
<dd><a href="#">邮局汇款</a></dd>
|
||||
<dd><a href="#">公司转账</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>售后服务</dt>
|
||||
<dd><a href="#">售后政策</a></dd>
|
||||
<dd><a href="#">价格保护</a></dd>
|
||||
<dd><a href="#">退款说明</a></dd>
|
||||
<dd><a href="#">返修/退换货</a></dd>
|
||||
<dd><a href="#">取消订单</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>特色服务</dt>
|
||||
<dd><a href="#">夺宝岛</a></dd>
|
||||
<dd><a href="#">DIY装机</a></dd>
|
||||
<dd><a href="#">延保服务</a></dd>
|
||||
<dd><a href="#">品优购E卡</a></dd>
|
||||
<dd><a href="#">品优购通信</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>帮助中心</dt>
|
||||
<dd class="erweima"><img src="images/erweima.png" alt=""></dd>
|
||||
<dd><a href="https://wx.qq.com/" target="_blank">扫码加我微信 ！</a>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="footer_bottom">
|
||||
<p>
|
||||
<a href="#">关于我们</a>
|
||||
<span>|</span>
|
||||
<a href="#">联系我们</a>
|
||||
<span>|</span>
|
||||
<a href="#">联系客服</a>
|
||||
<span>|</span>
|
||||
<a href="#">商家入驻</a>
|
||||
<span>|</span>
|
||||
<a href="#">友情链接</a>
|
||||
<span>|</span>
|
||||
<a href="#">手机品优购</a>
|
||||
<span>|</span>
|
||||
<a href="#">友情链接</a>
|
||||
<span>|</span>
|
||||
<a href="#">销售联盟</a>
|
||||
<span>|</span>
|
||||
<a href="#">品优购社区</a>
|
||||
<span>|</span>
|
||||
<a href="#">品优购公益</a>
|
||||
<span>|</span>
|
||||
<a href="#">English Site</a>
|
||||
<span>|</span>
|
||||
<a href="#">Contact U </a>
|
||||
<span></span>
|
||||
</p>
|
||||
<p> 地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000
|
||||
传真：010-82935100 邮箱:
|
||||
zhanghj+itcast.cn <br> 京ICP备08001421号京公网安备110108007702</p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- 底部模块制作 end -->
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user