|
|
@@ -0,0 +1,429 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <title>手机详情页！</title>
|
|
|
+ <meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
|
|
|
+ <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
|
|
|
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
|
|
|
+ <link rel="stylesheet" href="css/base.css">
|
|
|
+ <link rel="stylesheet" href="css/common.css">
|
|
|
+ <link rel="stylesheet" href="css/detail.css">
|
|
|
+ <script src="js/detail.js"></script>
|
|
|
+
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="shortcut">
|
|
|
+ <div class="w">
|
|
|
+ <div class="fl">
|
|
|
+ <ul>
|
|
|
+ <li>品优购欢迎您！ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">请登录</a>
|
|
|
+ <a href="#" class="style-red">免费注册</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <ul>
|
|
|
+ <li><a href="#">我的订单</a></li>
|
|
|
+ <li class="spacer"></li>
|
|
|
+ <li>
|
|
|
+ <a href="#">我的品优购</a>
|
|
|
+ <i class="icomoon"></i>
|
|
|
+ </li>
|
|
|
+ <li class="spacer"></li>
|
|
|
+ <li><a href="#">品优购会员</a></li>
|
|
|
+ <li class="spacer"></li>
|
|
|
+ <li><a href="#">企业采购</a></li>
|
|
|
+ <li class="spacer"></li>
|
|
|
+ <li><a href="#">关注品优购</a> <i class="icomoon"></i></li>
|
|
|
+ <li class="spacer"></li>
|
|
|
+ <li><a href="#">客户服务</a> <i class="icomoon"></i></li>
|
|
|
+ <li class="spacer"></li>
|
|
|
+ <li><a href="#">网站导航</a> <i class="icomoon"></i></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="header w">
|
|
|
+ <div class="logo">
|
|
|
+ <h1>
|
|
|
+ <a href="login/index.html" title="品优购">品优购</a>
|
|
|
+ </h1>
|
|
|
+ </div>
|
|
|
+ <div class="search">
|
|
|
+ <input type="search" name="" id="" placeholder="语言开发">
|
|
|
+ <button>搜索</button>
|
|
|
+ </div>
|
|
|
+ <div class="hotwords">
|
|
|
+ <a href="#" class="style_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" type="button">
|
|
|
+ <i class="car"> </i>购物车<i class="arrow"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="nav">
|
|
|
+ <div class="w">
|
|
|
+ <div class="dropdown fl">
|
|
|
+ <div class="dt"> 全部商品分类 </div>
|
|
|
+ <div class="dd" style="display: none;">
|
|
|
+ <ul>
|
|
|
+ <li class="menu_item"><a href="#">家用电器</a> <i> </i> </li>
|
|
|
+ <li class="menu_item">
|
|
|
+ <a href="list.html">手机</a> 、
|
|
|
+ <a href="#">数码</a> 、
|
|
|
+ <a href="#">通信</a>
|
|
|
+ <i> </i>
|
|
|
+ </li>
|
|
|
+ <li class="menu_item"><a href="#">电脑、办公</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">家居、家具、家装、厨具</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">男装、女装、童装、内衣</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">个户化妆、清洁用品、宠物</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">鞋靴、箱包、珠宝、奢侈品</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">运动户外、钟表</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">汽车、汽车用品</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">母婴、玩具乐器</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">食品、酒类、生鲜、特产</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">医药保健</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">图书、音像、电子书</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">彩票、旅行、充值、票务</a> <i> </i> </li>
|
|
|
+ <li class="menu_item"><a href="#">理财、众筹、白条、保险</a> <i> </i> </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="navitems 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>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="de_container w">
|
|
|
+ <div class="crumb_wrap">
|
|
|
+ <a href="#">电脑、办公</a> 〉 <a href="#">电脑整机 </a> 〉 <a href="#">游戏本 </a> 〉 <a href="#">联想 </a> 〉<a>联想拯救者R9000P</a>
|
|
|
+ </div>
|
|
|
+ <div class="product_intro clearfix">
|
|
|
+ <div class="preview_wrap fl">
|
|
|
+ <div class="preview_img">
|
|
|
+ <img src="upload/01~1.jpg" alt="">
|
|
|
+ <div class="mask"></div>
|
|
|
+ <div class="big">
|
|
|
+ <img src="upload/01.jpg" alt="" class="bigImg">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="preview_list">
|
|
|
+ <a href="#" class="arrow_prev"></a>
|
|
|
+ <a href="#" class="arrow_next"></a>
|
|
|
+ <ul class="list_item">
|
|
|
+ <li>
|
|
|
+ <img src="upload/02.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ <li class="current">
|
|
|
+ <img src="upload/03.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="upload/04.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="upload/05.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="upload/06.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <button class="follow" onclick="show1()">
|
|
|
+ <span class="true">关注</span>
|
|
|
+ <span class="false">已关注</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo_wrap fr">
|
|
|
+ <div class="sku_name">
|
|
|
+ 联想笔记本电脑 拯救者R9000P 16英寸高性能电竞游戏本(标压 8核 R7-5800H 16G 512G RTX3060 2.5k屏 165Hz)
|
|
|
+ </div>
|
|
|
+ <div class="news">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="summary">
|
|
|
+ <dl class="summary_price">
|
|
|
+ <dt>定价</dt>
|
|
|
+ <dd>
|
|
|
+ <i class="price">￥200.00 </i>
|
|
|
+ <a href="#">预售说明</a>
|
|
|
+ </dd>
|
|
|
+ <Br/>
|
|
|
+ <Br/>
|
|
|
+
|
|
|
+ <dt>价格</dt>
|
|
|
+ <dd>
|
|
|
+ <i class="price">￥7999.00 </i>
|
|
|
+ <div class="remark">累计评价582188</div>
|
|
|
+
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ <dl class="summary_promotion">
|
|
|
+ <dt>促销</dt>
|
|
|
+ <dd>
|
|
|
+ <em>换购</em> 购买1件可优惠换购热销商品 立即换购>>
|
|
|
+ <br/>
|
|
|
+ <em>换购</em> 购买1件可优惠换购热销商品 立即换购>>
|
|
|
+ <br/>
|
|
|
+ <em>换购</em> 购买1件可优惠换购热销商品 立即换购>>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ <dl class="summary_support">
|
|
|
+ <dt>增值业务</dt>
|
|
|
+ <dd>高价回收，急速到账</dd>
|
|
|
+ </dl>
|
|
|
+ <dl class="choose_color">
|
|
|
+ <dt>选择处理器或显卡</dt>
|
|
|
+ <dd>
|
|
|
+ <a href="javascript:;" class="current">R9000X/RTX3060/R7/165Hz 2.5K屏</a><br/>
|
|
|
+ <a href="javascript:;">R9000P/RTX3060/R7/165Hz 2.5K新</a><br/>
|
|
|
+ <a href="javascript:;">R9000P/RTX3060/R7/限量版冰魄白</a><br/>
|
|
|
+ <a href="javascript:;">R9000K/RTX3060/R7/165Hz 2.5K屏</a><br/>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+
|
|
|
+ <div class="choose_btns">
|
|
|
+ <div class="choose_amount">
|
|
|
+ <input type="text" value="1">
|
|
|
+ <a href="javascript:;" class="add">+</a>
|
|
|
+ <a href="javascript:;" class="reduce">-</a>
|
|
|
+ </div>
|
|
|
+ <a href="#" class="addcar">加入购物车</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="product_detail clearfix">
|
|
|
+ <div class="aside fl">
|
|
|
+ <div class="tab_list">
|
|
|
+ <ul>
|
|
|
+ <li class="first_tab">相关分类</li>
|
|
|
+ <li class="second_tab current">推荐商品</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="tab_con">
|
|
|
+
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <img src="upload/07.jpg" alt="">
|
|
|
+ <h5>联想 鼠标有线 鼠标 办公鼠标</h5>
|
|
|
+ <div class="aside_price">¥22.90</div>
|
|
|
+ <a href="#" class="as_addcar">加入购物车</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="upload/08.jpg" alt="">
|
|
|
+ <h5>联想 平板小新Pad 11英寸 学习娱乐平板电脑</h5>
|
|
|
+ <div class="aside_price">¥1099.00</div>
|
|
|
+ <a href="#" class="as_addcar">加入购物车</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="upload/09.jpg" alt="">
|
|
|
+ <h5>联想 小新无线蓝牙鼠标</h5>
|
|
|
+ <div class="aside_price">¥59.00</div>
|
|
|
+ <a href="#" class="as_addcar">加入购物车</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="upload/10.jpg" alt="">
|
|
|
+ <h5>联想 无线键盘鼠标套装</h5>
|
|
|
+ <div class="aside_price">¥69.90</div>
|
|
|
+ <a href="#" class="as_addcar">加入购物车</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="upload/11.jpg" alt="">
|
|
|
+ <h5>联想 A601 USB分线器 3.0接口转换器</h5>
|
|
|
+ <div class="aside_price">¥49.90</div>
|
|
|
+ <a href="#" class="as_addcar">加入购物车</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="upload/12.jpg" alt="">
|
|
|
+ <h5>联想笔记本电脑小新Air14 锐龙版</h5>
|
|
|
+ <div class="aside_price">¥4299.00</div>
|
|
|
+ <a href="#" class="as_addcar">加入购物车</a>
|
|
|
+ </li>
|
|
|
+
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="detail fr">
|
|
|
+ <div class="detail_tab_list">
|
|
|
+ <ul>
|
|
|
+ <li class="current">商品介绍</li>
|
|
|
+ <li>规格与包装</li>
|
|
|
+ <li>售后保障</li>
|
|
|
+ <li><a href="comment.html">商品评价（5万+）</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="detail_tab_con">
|
|
|
+ <div class="item">
|
|
|
+ <ul class="item_info">
|
|
|
+ <li title="联想拯救者R9000K">商品名称：联想拯救者R9000P</li>
|
|
|
+ <li title="100019736886">商品编号：100019736886</li>
|
|
|
+ <li title="5.0kg">商品毛重：5.0kg</li>
|
|
|
+ <li title="中国大陆">商品产地：中国大陆</li>
|
|
|
+ <li title="100%sRGB">屏幕色域：100%sRGB</li>
|
|
|
+ <li title="游戏笔记本">类型：游戏笔记本</li>
|
|
|
+ <li title="Windows 11">系统：Windows 11</li>
|
|
|
+ <li title="20.0mm以上">厚度：20.0mm以上</li>
|
|
|
+ <li title="金属+复合材质">机身材质：金属+复合材质</li>
|
|
|
+ <li title="PCI-E高速固态硬盘，大内存（16GB及以上），Wi-Fi 6">特性：PCI-E高速固态硬盘，大内存（16GB及以上），Wi-Fi 6</li>
|
|
|
+ <li title="16.0-16.9英寸">屏幕尺寸：16.0-16.9英寸</li>
|
|
|
+ <li title="联想 - 拯救者">系列：联想 - 拯救者</li>
|
|
|
+ <li title="灰色">颜色：灰色</li>
|
|
|
+ <li title="NVIDIA">显卡芯片供应商：NVIDIA</li>
|
|
|
+ <li title="AMD R7">处理器：AMD R7</li>
|
|
|
+ <li title="165Hz">屏幕刷新率：165Hz</li>
|
|
|
+ <li title="高性能游戏独立显卡">显卡类型：高性能游戏独立显卡</li>
|
|
|
+ <li title="16GB">内存容量：16GB</li>
|
|
|
+ <li title="RTX 3060">显卡型号：RTX 3060</li>
|
|
|
+ <li title="支持IPv6">是否支持IPv6：支持IPv6</li>
|
|
|
+ <li title="1TB">固态硬盘（SSD）：1TB</li>
|
|
|
+ <li title="无机械硬盘">机械硬盘：无机械硬盘</li>
|
|
|
+ </ul>
|
|
|
+ <img src="upload/13.jpeg" width="90%" alt="">
|
|
|
+ <img src="upload/14.jpeg" width="90%" alt="">
|
|
|
+ <img src="upload/15.jpeg" width="90%" alt="">
|
|
|
+ <img src="upload/16.jpeg" width="90%" alt="">
|
|
|
+ <img src="upload/17.jpeg" width="90%" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="footer">
|
|
|
+ <div class="w">
|
|
|
+ <div class="mod_service">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <i class="mod-service-icon mod_service_zheng"></i>
|
|
|
+ <div class="mod_service_tit">
|
|
|
+ <h5></h5>
|
|
|
+ <p>正品保障，提供发票</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <i class="mod-service-icon mod_service_kuai"></i>
|
|
|
+ <div class="mod_service_tit">
|
|
|
+ <h5></h5>
|
|
|
+ <p>正品保障，提供发票</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <i class="mod-service-icon mod_service_bao"></i>
|
|
|
+ <div class="mod_service_tit">
|
|
|
+ <h5></h5>
|
|
|
+ <p>正品保障，提供发票</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <i class="mod-service-icon mod_service_bao"></i>
|
|
|
+ <div class="mod_service_tit">
|
|
|
+ <h5></h5>
|
|
|
+ <p>正品保障，提供发票</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="mod_help">
|
|
|
+ <dl class="mod_help_item">
|
|
|
+ <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 class="mod_help_item">
|
|
|
+ <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 class="mod_help_item">
|
|
|
+ <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 class="mod_help_item">
|
|
|
+ <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 class="mod_help_item">
|
|
|
+ <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 class="mod_help_item mod_help_app">
|
|
|
+ <dt>帮助中心</dt>
|
|
|
+ <dd>
|
|
|
+ <img src="upload/erweima.png" alt="">
|
|
|
+ <p>品优购客户端</p>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="mod_copyright">
|
|
|
+ <p class="mod_copyright_links">
|
|
|
+ 关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site | Contact U
|
|
|
+ </p>
|
|
|
+ <p class="mod_copyright_info">
|
|
|
+ 地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br> 京ICP备08001421号京公网安备110108007702
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
