实战：京东购物车静态界面实现，html前端技术开发

0.3mg*10片

${res.children[1].children[0].textContent}

-

1

+

${res.children[1].children[0].textContent}

<span οnclick=“delete_shop($(this))”>删除

移入关注

`

if ($shop_li.length !== 0) {

$shop_li.append(insertHtml)

} else {

insertHtml = `

• 京东自营

  ${insertHtml}

  `

  console.log(insertHtml);

  $(“#shops_ul”).append(insertHtml)

  }

  }

  /----------头部样式----------/

  header {

  width: 100%;

  height: 25px;

  line-height: 25px;

  background: #e3e4e5;

  border-bottom: solid 1px #ddd;

  }

  header .header_nav {

  /background-color: red;/

  height: 100%;

  font-size: 8px;

  color: #999999;

  position: relative;

  }

  header ul {

  display: flex;

  }

  header ul.left {

  position: absolute;

  left: 0;

  }

  header ul.right {

  position: absolute;

  right: 0;

  }

  header ul li {

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 8px;

  }

  header ul li.home {

  cursor: pointer;

  }

  header ul li.home:hover {

  color: red;

  }

  header .down {

  margin-left: 5px;

  font-size: 14px;

  border-right: 1px solid #ccc;

  margin-right: 5px;

  }

  header .down_none {

  border-right: none

  }

  header .right_span {

  cursor: pointer;

  }

  header .right_span:hover {

  color: red;

  }

  /----------主体样式----------/

  article .article_top {

  height: 90px;

  /background-color: red;/

  display: flex;

  align-items: center;

  position: relative;

  }

  article .logo {

  display: block;

  margin-top: 2px;

  width: 134px;

  height: 42px;

  background: url(//misc.360buyimg.com/jdf/1.0.0/unit/global-header/5.0.0/i/jdlogo-201708-@1x.png) no-repeat 0 0;

  background-size: 134px 42px;

  text-indent: -20000px;

  }

  article .search {

  background: #c91623;

  height: 24px;

  overflow: hidden;

  position: absolute;

  right: 0;

  display: flex;

  align-items: center;

  }

  article .search .itxt {

  border: 1px solid #c91623;

  height: 22px;

  line-height: 18px;

  width: 260px;

  outline: none

  }

  article .search .button {

  display: inline-block;

  vertical-align: top;

  width: 48px;

  height: 24px;

  background: #c91623;

  text-align: center;

  color: #fff;

  font-weight: 700;

  font-size: 12px;</