smart-mall
/
detail.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <link rel="stylesheet" href="./css/detail.css">
</head>

<body>
  <div class="header">
    <span class="iconfont icon-xiangzuojiantou back"></span>
    <h6> 商品详情页 </h6>
  </div>

  <div class="xq-banner swiper">
    <div class="swiper-pagination"></div>
    <ul class="banner swiper-wrapper">
    </ul>
  </div>
  <div class="xq-word">
  </div>

  <div class="xq-service">
    <div class="div2">
      <span class="iconfont icon-dui"></span>
      <span>七天无理由退货</span>
      <span class="iconfont icon-dui"></span>
      <span>48小时发货</span>
    </div>
    <a href="#"><span class="iconfont icon-youjiantou"></span></a>
  </div>

  <div class="xq-comment">
    <div class="title">
      <h4>商品评价<span>(5条)</span></h4>
      <a href="javascript:;">查看更多<span class="iconfont icon-youjiantou"></span></a>
    </div>

    <ul class="spe">
    </ul>

  </div>

  <h2 class="Description">
    商品描述
  </h2>

  <div class="detail">
    <img src="./images/5.jpg" alt="">
    <img src="./images/2.jpg" alt="">
    <img src="./images/3.jpg" alt="">
  </div>


  <ul class="footer">
    <li class="left">
      <div><a href="#"><span class="iconfont icon-shouye1"></span></a><span class="word">首页</span></div>
      <div><a href="#"><span class="iconfont icon-gouwuche"></span></a><span class="word">购物车</span></div>

    </li>

    <li class="right">
      <a href="javascript:;" class="add">加入购物车</a>
      <a href="javascript:;" class="buy">立即购买</a>
    </li>
  </ul>


  <div class="hidden">
    <img src="./images/下载.png" alt="">
    <div class="price">
      <img src="${res.data.data.detail.goods_image}" alt="" class="one">
      <div class="price-B">
        <span class="first"><i>￥</i>${res.data.data.detail.goods_price_max}</span>
        <span class="second">库存:${res.data.data.detail.stock_total}</span>
      </div>

    </div>

    <p>
      <span>数量</span>
      <button class="jian">-</button>
      <input type="text" class="num" placeholder="1">
      <button class="jia">+</button>
    </p>

    <div class="two"><a href="javascript:;">加入购物车</a></div>
  </div>


  <div class="mask"></div>


  <script src="./swiper/swiper-bundle.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/detail.js"></script>
  <script>

  </script>
</body>

</html>