125 lines
5.7 KiB
HTML
125 lines
5.7 KiB
HTML
<!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>小米商城</title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2622901_kl3e9hjw79j.css">
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="./css/public.css">
|
|
<link rel="stylesheet" href="./css/demo.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="jd">
|
|
<div class="container">
|
|
<div class="jd_title hidden">
|
|
<h2 class="left">家电</h2>
|
|
<ul class="right title_list">
|
|
<li class="active">热门</li>
|
|
<li>电视影音</li>
|
|
</ul>
|
|
</div>
|
|
<ul class="jd_list hidden">
|
|
<li>
|
|
<img class="gg"
|
|
src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/116fc43816b87192be4e67cf762e8da5.jpeg?thumb=1&w=410&h=525&f=webp&q=90"
|
|
alt="">
|
|
</li>
|
|
|
|
<li>
|
|
<img class="shop_img"
|
|
src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=350&h=350&f=webp&q=90"
|
|
alt="">
|
|
<p class="list_title">小米全面屏电视65英寸 E65X</p>
|
|
<p class="list_desc">全面屏设计</p>
|
|
<span class="list_price">2999元</span>
|
|
<del class="list_old">3299元</del>
|
|
</li>
|
|
<li>
|
|
<img class="shop_img"
|
|
src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=350&h=350&f=webp&q=90"
|
|
alt="">
|
|
<p class="list_title">小米全面屏电视65英寸 E65X</p>
|
|
<p class="list_desc">全面屏设计</p>
|
|
<span class="list_price">2999元</span>
|
|
<del class="list_old">3299元</del>
|
|
</li>
|
|
<li>
|
|
<img class="shop_img"
|
|
src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=350&h=350&f=webp&q=90"
|
|
alt="">
|
|
<p class="list_title">小米全面屏电视65英寸 E65X</p>
|
|
<p class="list_desc">全面屏设计</p>
|
|
<span class="list_price">2999元</span>
|
|
<del class="list_old">3299元</del>
|
|
</li>
|
|
<li>
|
|
<img class="shop_img"
|
|
src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=350&h=350&f=webp&q=90"
|
|
alt="">
|
|
<p class="list_title">小米全面屏电视65英寸 E65X</p>
|
|
<p class="list_desc">全面屏设计</p>
|
|
<span class="list_price">2999元</span>
|
|
<del class="list_old">3299元</del>
|
|
</li>
|
|
<li>
|
|
<img class="gg"
|
|
src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/116fc43816b87192be4e67cf762e8da5.jpeg?thumb=1&w=410&h=525&f=webp&q=90"
|
|
alt="">
|
|
</li>
|
|
|
|
<li>
|
|
<img class="shop_img"
|
|
src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=350&h=350&f=webp&q=90"
|
|
alt="">
|
|
<p class="list_title">小米全面屏电视65英寸 E65X</p>
|
|
<p class="list_desc">全面屏设计</p>
|
|
<span class="list_price">2999元</span>
|
|
<del class="list_old">3299元</del>
|
|
</li>
|
|
<li>
|
|
<img class="shop_img"
|
|
src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=350&h=350&f=webp&q=90"
|
|
alt="">
|
|
<p class="list_title">小米全面屏电视65英寸 E65X</p>
|
|
<p class="list_desc">全面屏设计</p>
|
|
<span class="list_price">2999元</span>
|
|
<del class="list_old">3299元</del>
|
|
</li>
|
|
<li>
|
|
<img class="shop_img"
|
|
src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=350&h=350&f=webp&q=90"
|
|
alt="">
|
|
<p class="list_title">小米全面屏电视65英寸 E65X</p>
|
|
<p class="list_desc">全面屏设计</p>
|
|
<span class="list_price">2999元</span>
|
|
<del class="list_old">3299元</del>
|
|
</li>
|
|
<li>
|
|
<div class="top">
|
|
<div class="text left">
|
|
<h3>小米米家空气净化器 2S</h3>
|
|
<span>699元</span>
|
|
</div>
|
|
<img class="left"
|
|
src="https://i8.mifile.cn/v1/a1/d5a39c5e-28e7-f4c1-57fd-59933f26032b!175x175.jpg" alt="">
|
|
</div>
|
|
<div class="top bottom">
|
|
<div class="text left">
|
|
<h3>浏览更多</h3>
|
|
<span>热门</span>
|
|
</div>
|
|
<img class="left" src="./img/right.png" alt="">
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |