1 Star 1 Fork 0

摸摸/shop

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
文件
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
detail.html 23.98 KB
Copy Edit Raw Blame History
摸摸 authored 2021-05-16 15:48 . first commit
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562
<!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">
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!</title>
<meta name="description"
content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!" />
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
<link rel="shortcut icon" href="./favicon.ico" />
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/detail.css">
</head>
<body>
<!-- shortcut头部区域开始 -->
<div class="shortcut ">
<div class="header w ">
<div class="register fl ">品优购欢迎您!
<a href="#">请登录</a>
<a href="register.html" class="register2">免费注册</a>
</div>
<!-- 头部右边 -->
<ul class="fr">
<li><a href="#">网站导航</a><span></span></li>
<li><a href="#">客户服务</a><span></span></li>
<li><a href="#">关注品优购</a><span></span></li>
<li><a href="#">企业采购</a></li>
<li><a href="#">品的品优购</a><span></span></li>
<li><a href="#">我的订单</a> </li>
</ul>
</div>
</div>
<!-- shortcut头部区域结束 -->
<!-- nav头部区域开始 -->
<div class="nav w ">
<div class="logo ">
<h1>
<a href="index.html" title="品优购商城">
品优购商城
</a>
</h1>
</div>
<!-- 搜索框 -->
<div class="search">
<input type="search" placeholder="语言开发" class="fl">
<button>搜索</button>
</div>
<div class="hotwords">
<a href="#" class="jd_red">优惠购首发</a>
<a href="#">亿元优惠</a>
<a href="#">9.9元团购</a>
<a href="#">美满99减30</a>
<a href="#"> 办公用品</a>
<a href="#">电脑</a>
<a href="#">通信</a>
</div>
<!-- 我的购物车 -->
<div class="shopcar fr">
<div class="pic2 fl"></div>
<a href="#">我的购物车</a>
<div class="count">8</div>
</div>
</div>
<!-- nav区域结束 -->
<!-- subnav区域开始 -->
<div class="subnav ">
<div class="w">
<div class="dropdown fl">
<div class="dt">全部商品分类</div>
</div>
<!-- 右侧 -->
<div class="naviterms">
<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>
<!-- subnav区域结束 -->
<!-- phone区域开始 -->
<div class="phone w">
<div class="phone_ld fl">
<ul class="">
<li><a href="#">手机、数码、通讯</a></li>
<li><a href="#">手机 </a></li>
<li><a href="#">Apple苹果</a></li>
<li><a href="#"> iphone 6S Plus系类</a></li>
</ul>
<!-- 左侧中部区域 -->
<div class="apple ">
<a href="#"><img src="../shopping/upload2/s3.png" alt=""></a>
</div>
<!-- 左侧中部区域下面两张图片 -->
<div class="app_b">
<a href="#"><img src="../shopping/upload2/左箭头.png" alt=""></a>
<a href="#"><img src="../shopping/upload2/pre.jpg" alt=""></a>
<a href="#"><img src="../shopping/upload2/pre.jpg" alt=""></a>
<a href="#"><img src="../shopping/upload2/pre.jpg" alt=""></a>
<a href="#"><img src="../shopping/upload2/pre.jpg" alt=""></a>
<a href="#"><img src="../shopping/upload2/pre.jpg" alt=""></a>
<a href="#"><img src="../shopping/upload2/arrow-next.png" alt=""></a>
</div>
<!-- 左侧底部 -->
<div class="app_foot">
<span>商品编号:0468256644</span>
<span>分享</span>
<span>关注 5000</span>
<span>对比</span>
</div>
</div>
<div class="phone_rd fr">
<div class="iphone">
<h3>Apple iPhone 6s(A1700)64G玫瑰金色 移动通信电信4G手机</h3>
<p>推荐选择下方[移动优惠购],手机套餐齐搞定,不用换号,每月还有花费返</p>
</div>
<!-- 右侧粉红区域 -->
<div class="money">
<div class="money_td ">
<div class="money_td1 fl ">&nbsp;&nbsp;&nbsp;
<span class="money_td2 ">&nbsp;<em>¥</em> 5299.99</span>
<span class="money_td3">降价通知</span>
</div>
<div class="accp fr">累计评价<span>612188</span></div>
</div>
<div class="money_bd fl">
<div class="money_bd1 fl">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span class="money_bd2">加价购</span>
<span class="money_bd3">满999.00另加20.00元,或满1999.00另加30.00元,或满2999.00另加40.00元,即可在购物车换 <br>
<span class="money_bd4">购热销商品 详情 》</span>
</div>
</div>
</div>
<!-- 右侧粉红下面支持区域 -->
<div class="account">
<div class="account1">
<p>
<span class="account2">&nbsp;</span> 以旧换新,闲置手机回收&nbsp;&nbsp; 4G套餐超值抢 &nbsp;礼品购
</p>
<p>
<span class="account3">&nbsp;&nbsp;</span>北京海淀区中关 有货 支持 99元免运费 |货到付款 |211限时达
</p>
<p class="account4">由自营发货,并提供售后服务。11:00前完成下单,预计"今天(08月10日)送达</p>
</div>
</div>
<!-- 右侧选择区域 -->
<div class="select">
<div class="select1 ">
<ul class="">
<li class="select2">选择颜色</li>
<li>金色</li>
<li>银色</li>
<li>玫瑰金</li>
</ul>
</div>
<div class="select3 ">
<ul class="">
<li class="select4">选择版本</li>
<li>公开版</li>
<li>移动4G</li>
</ul>
</div>
<div class="select5">
<ul class="">
<li class="select6">选择容量</li>
<li>16Gb</li>
<li>64GB</li>
<li>128Gb</li>
</ul>
</div>
<div class="select7">
<ul class="">
<li class="select8">购买方式</li>
<li>官方标配</li>
<li>移动优惠购</li>
<li>电信优惠购</li>
</ul>
</div>
<div class="select9">
<ul class="">
<li class="select10">套装</li>
<li>保护套装</li>
<li>充电套装</li>
</ul>
</div>
</div>
<!-- 右侧脚部区域 -->
<div class="shopcar1">
<div class="one fl">
<input type="text" value="1">
<a href="#" class="add">+</a>
<a href="#" class="minu">-</a>
</div>
<div class="joinshopcar fl">
<a href="#">加入购物车</a>
</div>
</div>
</div>
</div>
<!-- phone区域结束 -->
<!-- sort区域开始 -->
<div class="sort w clearfix">
<div class="sort_l fl clearfix">
<div class="sort_2 clearfix">
<h5 class="h51"><a href="#">相关分类</a></h5>
<h5 class=""><a href="#">推荐品牌</a></h5>
<div class="sort_3">
<ul>
<li>
<a href="#">手机</a>
</li>
<li>
<a href="#">手机壳</a>
</li>
<li>
<a href="#">内存卡</a>
</li>
<li>
<a href="#">iPhone配件</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>
购买力此商品的用户还买了
</li>
</ul>
</div>
<div class="pic3 fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p>男孩子苹果防爆炸半个铁黑子移动嗲远为二级</p>
<span>¥19</span>
<a href="#">加入购物车</a>
</div>
<div class="pic3 fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p>男孩子苹果防爆炸半个铁黑子移动嗲远为二级</p>
<span>¥19</span>
<a href="#">加入购物车</a>
</div>
<div class="pic3 fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p>男孩子苹果防爆炸半个铁黑子移动嗲远为二级</p>
<span>¥19</span>
<a href="#">加入购物车</a>
</div>
<div class="pic3 fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p>男孩子苹果防爆炸半个铁黑子移动嗲远为二级</p>
<span>¥19</span>
<a href="#">加入购物车</a>
</div>
<div class="pic3 fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p>男孩子苹果防爆炸半个铁黑子移动嗲远为二级</p>
<span>¥19</span>
<a href="#">加入购物车</a>
</div>
<div class="pic3 fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p>男孩子苹果防爆炸半个铁黑子移动嗲远为二级</p>
<span>¥19</span>
<a href="#">加入购物车</a>
</div>
<div class="pic3 fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p>男孩子苹果防爆炸半个铁黑子移动嗲远为二级</p>
<span>¥19</span>
<a href="#">加入购物车</a>
</div>
</div>
</div>
<div class="sort_rid fl clearfix">
<!-- 右侧第一个框 -->
<div class="sort_rid1">
<div class="sort_rid1_td">
<a href="#">选择搭配</a>
</div>
<div class="sort_rid1_bd">
<div class="sort_rid1_bd_ld fl">
<ul class="pic11">
<li>精品</li>
<li>iPhone配件</li>
<li>蓝牙耳机</li>
<li>自拍杆</li>
<li>数据线</li>
<li>其他手机配件</li>
<li>U盘</li>
</ul>
<ul class="pic12">
<li><img src="../shopping/upload2/s3.png" alt="">
<span> 手机...<br>$47</span>
</li>
<li><img src="../shopping/upload2/s3.png" alt="">
<span>菲勒斯... <br>$57</span>
</li>
<li><img src="../shopping/upload2/s3.png" alt="">
<span> VR眼睛... <br>$57</span>
</li>
<li><img src="../shopping/upload2/s3.png" alt="">
<span>爱丽丝... <br>$57</span>
</li>
<li><img src="../shopping/upload2/s3.png" alt="">
<span>懒人专属... <br>$57</span>
</li>
<li class="lastli">
<img src="../shopping/upload2/arrow-next.png" alt="">
</li>
</ul>
</div>
<div class="sort_rid1_bd_rd fl">
<p>已选购0件搭配</p>
<p>套餐价:</p>
<p>¥5299.00</p>
<a href="#">加入购物车</a>
</div>
</div>
</div>
<!-- 右侧第二个框 -->
<!-- 右侧三张图 -->
<div class="sort_rid2">
<div class="sort_rid2_td">
<a href="#">商品介绍</a>
<a href="#"> 规格与包装</a>
<a href="#">售后保障</a>
<a href="#">商品评价(50000) </a>
<a href="#"> 手机社区</a>
</div>
<div class="sort_rid2_bd">
<ul>
<li>分辨率:1920*1080(FHD)</li>
<li>后置摄像头:1200万像素</li>
<li>前置摄像头:500万像素</li>
<li>核 数:其他</li>
<li>频 率:以官网信息为准</li>
<li>品牌: Apple ♥关注</li>
<li>商品名称:APPLEiPhone 6s Plus</li>
<li>商品编号:1861098</li>
<li>商品毛重:0.51kg</li>
<li>商品产地:中国大陆</li>
<li>热点:指纹识别,Apple Pay,金属机身,拍照神器</li>
<li>系统:苹果(IOS)</li>
<li>像素:1000-1600万</li>
<li>机身内存:64GB"</li>
</ul>
<span>查看更多参数</span>
</div>
</div>
<div class="pic13">
<img src="../shopping/upload2/detail_img1.jpg" alt="">
</div>
<div class="pic14">
<img src="../shopping/upload2/detail_img2.jpg" alt="">
</div>
<div class="pic15">
<img src="../shopping/upload2/detail_img3.jpg" alt="">
</div>
<!-- 右侧三证图 -->
</div>
</div>
<!-- sort区域结束 -->
<!-- 猜你喜欢区域开始 -->
<div class="love w">
<div class="lover">
<h4>猜你喜欢</h4>
</div>
<div class="love_bd ">
<div class="lovepic fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p> APPle/苹果 iphone 6 <br> s/6s Plus 16G 64G 128G
<br>
<span>¥4398</span>
</p>
<p class="p1">已有 <span>6</span>人评价</p>
</div>
<div class="lovepic fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p> APPle/苹果 iphone 6 <br> s/6s Plus 16G 64G 128G
<br>
<span>¥4398</span>
</p>
<p class="p1">已有 <span>6</span>人评价</p>
</div>
<div class="lovepic fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p> APPle/苹果 iphone 6 <br> s/6s Plus 16G 64G 128G
<br>
<span>¥4398</span>
</p>
<p class="p1">已有 <span>6</span>人评价</p>
</div>
<div class="lovepic fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p> APPle/苹果 iphone 6 <br> s/6s Plus 16G 64G 128G
<br>
<span>¥4398</span>
</p>
<p class="p1">已有 <span>6</span>人评价</p>
</div>
<div class="lovepic fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p> APPle/苹果 iphone 6 <br> s/6s Plus 16G 64G 128G
<br>
<span>¥4398</span>
</p>
<p class="p1">已有 <span>6</span>人评价</p>
</div>
<div class="lovepic fl">
<img src="../shopping/upload2/aside_img.jpg" alt="">
<p> APPle/苹果 iphone 6 <br> s/6s Plus 16G 64G 128G
<br>
<span>¥4398</span>
</p>
<p class="p1">已有 <span>6</span>人评价</p>
</div>
</div>
</div>
<!-- 猜你喜欢区域结束 -->
<!-- footer区域开始 -->
<div class="footer">
<div class="w">
<div class="mod_service1">
<ul>
<li>
<h5></h5>
<div class="mod_servicetext">
<h4>正品保障</h4>
<p>正品保障,提供发票</p>
</div>
</li>
<li>
<h5></h5>
<div class="mod_servicetext">
<h4>正品保障</h4>
<p>正品保障,提供发票</p>
</div>
</li>
<li>
<h5></h5>
<div class="mod_servicetext">
<h4>正品保障</h4>
<p>正品保障,提供发票</p>
</div>
</li>
<li>
<h5></h5>
<div class="mod_servicetext">
<h4>正品保障</h4>
<p>正品保障,提供发票</p>
</div>
</li>
<li>
<h5></h5>
<div class="mod_servicetext">
<h4>正品保障</h4>
<p>正品保障,提供发票</p>
</div>
</li>
</ul>
</div>
<div class="mod_help ">
<div>
<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="#"></a> </dd>
<dd><a href="#">品优购通信</a> </dd>
</dl>
<dl>
<dt>帮助中心</dt>
<dd>
<img src="../shopping/images/wx_cz.jpg" alt="">
<p>品优购客户端</p>
</dd>
</dl>
</div>
</div>
<div class="mod_copyright">
<p>
<a href="#">联系我们</a>|
<a href="#">联系客服</a>|
<a href="#">商家入驻</a>|
<a href="#">营销中心</a>|
<a href="#">手机品优购</a>|
<a href="#">友情链接 </a>|
<a href="#">销售联盟</a>|
<a href="#">品优购社区</a>|
<a href="#">品优购公益</a>|
<a href="#"> English Site</a>|
<a href="#">Contact U</a>|
</p>
<p>
"地址:北京市昌平区建材城西路金燕龙办公楼一层 邮编:100096 电话:400-618-4000 传真:010-82935100 邮箱: zhanghj+itcast.cn <br>
京ICP备08001421号京公网安备110108007702
</p>
</div>
</div>
</div>
<!-- footer区域结束 -->
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/cloud-dream-about/shop.git
git@gitee.com:cloud-dream-about/shop.git
cloud-dream-about
shop
shop
master

Search