master

分支 (1)

管理

管理

master

sport_mall_web
/
commodityDetail.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>商品详情页</title>
    <link rel="stylesheet" href="css/commodityDetail.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/commodityDetail.js"></script>
    <script src="js/hk库.js"></script>
	<script src="js/commodityDetail2.js"></script>
	<script>
		$(function(){
			// 公共部分
			$('.header').load('head.html');
			$('.footer').load('footer.html');
		});
	</script>
</head>
<body>

<!--头部-->
<div class="header"></div>

<!--主界面-- #ff0036 -->
<div id="evnShop">
    <div class="xqCenter">
        <div class="shopInLeft">
            <div class="showBig">
                <div class="shop_bigImg">
                    <img src="img/评价详情页/shop_big_img.jpg" alt="small">
                    <div class="small_MoveImg"></div>
                </div>
                <div class="showImgBox">
                    <div class="bigImgShow"></div>
                    <img class="bigImg" src="img/评价详情页/shop_big_img.jpg" alt="">
                </div>
            </div>

            <div class="shop_smallImg">
                <ul>
                    <li><img src="img/评价详情页/shop_small_img_01.png" alt=""></li>
                    <li><img src="img/评价详情页/shop_small_img_03.png" alt=""></li>
                    <li><img src="img/评价详情页/shop_small_img_05.png" alt=""></li>
                    <li><img src="img/评价详情页/shop_small_img_07.png" alt=""></li>
                    <li><img src="img/评价详情页/shop_small_img_08.png" alt=""></li>
                </ul>
            </div>
            <div class="shop_L_more">
                <a href="#">收藏</a>
                <a href="#">分享</a>
                <a href="#">举报</a>
            </div>
        </div>

        <div class="shopInMaddle ">
            <div class="shop_title">
                <h4 id="name"></h4>
                <h5 id="subname"></h5>
            </div>
            <div class="shop_Money">
                <ul>
                    <!-- <li><i>价格</i><i>促销价</i></li> -->
					<li><i>价格</i></li>
                    <!-- <li><span>¥ 9999.00</span><span>¥ 4999.00</span></li> -->
					<li><span>¥ 4999.00</span></li>
                </ul>
            </div>
            <!-- <div class="shop_freight"><i>运费</i><span>浙江丽水  至 广州v快递:0.00</span></div> -->
			<div class="shop_freight"><i>运费</i><span>包邮</span></div>
            <!-- <div class="shop_volume"><span>月销量</span><span class="lightNum">34</span> <span>累计评价 <span class="lightNum">345</span></span></div> -->
            <ul class="shop_end">
                <li>
                    <div>颜色分类</div>
					默认
                    <div>
                        <a title="红色闷骚款"></a>
                        <a title="黑色傻大个款"></a>
                    </div>
                </li>
                <li>
                    <div>数量</div>
                    <div class="shop_num">
                        <input id="num" type="text" placeholder="1">
                        <div>
                            <div class="shopNum1"></div>
                            <div class="shopNum2"></div>
                        </div>
                    </div>件
                    <span style="padding-left: 20px">库存<span id="stock">件</span>
                </li>
                <li>
                    <div>
                        <button class="shop_buy">立即购买</button>
                        <button class="shop_buyCar" onclick="addBuyCar()">加入购物车</button>
                    </div>
                </li>
                <li>
                    <span>服务承诺</span>
                    <span>正品保证</span>
                    <span>极速退款</span>
                    <span>赠运费险</span>
                    <span>七天无理由退换货</span>
                    <span><a href="#">支付方式</a></span>
                </li>
            </ul>
        </div>
        <div class="shopInRight ">
            <div>看了又看</div>
            <div class="shop_R_ListBox">
                <ul class="shop_R_List">
                    <li>
                        <a href="#"><img src="img/评价详情页/look%20(1).png"></a>
                        <div>¥ 65.00</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/评价详情页/look%20(2).png"></a>
                        <div>¥ 65.00</div>
                    </li>
                    <li>
                        <a href="#"><img src="img/评价详情页/look%20(3).png"></a>
                        <div>¥ 65.00</div>
                    </li>
                </ul>
            </div>
            <li class="shop_R_togger">
                <div class="togger_up"></div>
                <div class="togger_Down"></div>
            </li>
        </div>
    </div>
</div>
<div id="evnMain">
    <div class="xqCenter">
        <div class="evn_Recom">
            <div>
                <span>推荐</span>
            </div>
            <ul>
                <li >
                    <a href="#" >
                        <img src="img/商品详情页/recommed%20(1).jpg" alt="">
                    </a>
                    <h6>￥65.00</h6>
                </li>
                <li>
                    <a href="#">
                        <img src="img/商品详情页/recommed%20(2).jpg" alt="">
                    </a>
                    <h6>￥65.00</h6>
                </li>
                <li>
                    <a href="#">
                        <img src="img/商品详情页/recommed%20(3).jpg" alt="">
                    </a>
                    <h6>￥65.00</h6>
                </li>
                <li>
                    <a href="#">
                        <img src="img/商品详情页/recommed%20(4).jpg" alt="">
                    </a>
                    <h6>￥65.00</h6>
                </li>
                <li>
                    <a href="#">
                        <img src="img/商品详情页/recommed%20(5).jpg" alt="">
                    </a>
                    <h6>￥65.00</h6>
                </li>
                <li>
                    <a href="#">
                        <img src="img/商品详情页/recommed%20(6).jpg" alt="">
                    </a>
                    <h6>￥65.00</h6>
                </li>
            </ul>
        </div>
        <div class="evnMain_Left">
            <div class="evnMain_Btn">
                <button>热门商品</button>
                <button>关联商品</button>
            </div>
            <ul class="evnM_L_New">
                <li>
                    <a href="#"><img src="img/评价详情页/newshop%20(1).png" alt=""></a>
                    <div>
                        <div>1</div>
                        <span>热销4679件</span>
                        <span class="text-red">￥3999</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="img/评价详情页/newshop%20(2).png" alt=""></a>
                    <div>
                        <div>2</div>
                        <span>热销4679件</span>
                        <span class="text-red">￥3999</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="img/评价详情页/newshop%20(3).png" alt=""></a>
                    <div>
                        <div>3</div>
                        <span>热销4679件</span>
                        <span class="text-red">￥3999</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="img/评价详情页/newshop%20(4).png" alt=""></a>
                    <div>
                        <div>4</div>
                        <span>热销4679件</span>
                        <span class="text-red">￥3999</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="img/评价详情页/newshop%20(5).png" alt=""></a>
                    <div>
                        <div>5</div>
                        <span>热销4679件</span>
                        <span class="text-red">￥3999</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="img/评价详情页/newshop%20(6).png" alt=""></a>
                    <div>
                        <div>6</div>
                        <span>热销4679件</span>
                        <span class="text-red">￥3999</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="img/评价详情页/newshop%20(7).png" alt=""></a>
                    <div>
                        <div>7</div>
                        <span>热销4679件</span>
                        <span class="text-red">￥3999</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="evnMain_Right">
            <div class="evnM_R_top">
                <ul>
                    <li>
                        <a href="#">商品介绍</a>
                    </li>
                    <li>
                        <a href="#">商品描述</a>
                    </li>
                    <li>
                        <a href="#">商品评价(4600+)</a>
                    </li>
                    <li>
                        <a href="#">加入购物车</a>
                    </li>
                </ul>
            </div>
            <div class="shop_Explain">
                <div>
                    <div>
                        <span>品牌: <a href="#" style="color: #5b5bbd">适当方式得到阿诗丹</a></span>
                    </div>
                    <div>
                        <ul>
                            <li>商品名称: <span id="body_name"></li>
                            <li>商品产地: 中国大陆</li>
                            <li>价位: 0-199</li>
                        </ul>
                        <ul>
                            <li>商品编号：<span id="body_commodity_no"></li>
                            <li>货号：1</li>
                        </ul>
                        <ul>
                            <li>店铺: <a style="color: #5b5bbd">淘宝</a></li>
                            <li>分类: <span id="body_category"></li>
                        </ul>
                        <ul>
                            <li>商品毛重：1.0kg</li>
                            <li>适合人群：通用</li>
                        </ul>
                    </div>
                    <a href="#" style="color: #2669a7;float: right;">更多参数>></a>
                </div>
            </div>
            <div class="shop_MainImg">
				<p id="content"></p>
               <!-- <img src="img/商品详情页/shop_main1.jpg" alt="">
                <img src="img/商品详情页/shop_main2.jpg" alt="">
                <img src="img/商品详情页/shop_main3.jpg" alt="">
                <img src="img/商品详情页/shop_main4.jpg" alt="">
                <img src="img/商品详情页/shop_main5.jpg" alt="">
                <img src="img/商品详情页/shop_main6.jpg" alt=""> -->
            </div>
        </div>
    </div>
</div>

<!--底部-->
<div class="footer"></div>
</body>
</html>