2019-9-11 小米商城内容布局

原创2019-09-11 13:47:4430
摘要:在线浏览地址:http://www.pursuer.top/xiaomi1 html部分<!DOCTYPE html><html><head><meta charset="UTF-8"><title>小米商城</title><link rel="shortcut icon"&nbs

在线浏览地址:http://www.pursuer.top/xiaomi1

html部分


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>小米商城</title>

<link rel="shortcut icon"  type="image/x-icon" href="static/images/footlogo.png">

<!-- <link rel="stylesheet" href="static/layui/css/layui.css"> -->

<link rel="stylesheet" href="static/font-awesome/css/font-awesome.min.css">

<link rel="stylesheet" href="static/css/style.css">

</head>

<body>

<!-- 头部 -->

<div>

<div>

<div>

<a href="">小米商城</a><span>|</span>

<a href="">MIUI</a><span>|</span>

<a href="">IOT</a><span>|</span>

<a href="">云服务</a><span>|</span>

<a href="">小爱分享平台</a><span>|</span>

<a href="">金融</a><span>|</span>

<a href="">有品</a><span>|</span>

<a href="">企业服务</a><span>|</span>

<a href="">SelectRegion</a>

</div>

<div>

<a href="">登录</a><span>|</span>

<a href="">注册</a><span>|</span>

<a href="">我的订单</a>

<li>

<a ><i class="fa fa-shopping-cart"></i>购物车(0)</a>

<div>购物车中还没有商品,赶紧选购吧!</div>

</li>

</div>

</div>

</div>

<div></div>


<!-- 主体 -->

<div>

<div>

<!-- 导航 -->

<div>

<div>

<img src="static/images/footlogo.png" alt="" style="margin:5px 0;margin-right:10px;">

<img src="static/images/logoAD.gif" alt="">

</div>

<div>

<li>

<a href="#">小米手机</a>

<div>

<div>

<div>

<div>新品</div>

<img src="static/images/phone/phone1.png" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone2.png" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone3.png" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone4.jpg" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone5.jpg" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone7.png" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

</div>

</div>

</li>

<li>

<a href="#">红米</a>

<div>

<div>

<div>

<div>新品</div>

<img src="static/images/phone/phone8.png" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone9.jpg" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone10.png" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone11.png" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone13.png" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

<div></div>

<div>

<div>新品</div>

<img src="static/images/phone/phone14.png" alt="">

<a href="#">小米2s</a>

<span>3299元</span>

</div>

</div>

</div>

</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>

<li><a href="#">社区</a></li>

<div></div>

</div>

<div>

<input type="text">

<div>

<a href="#">电视新品</a>

<a href="#">618预热</a>

</div>

<div><i class="fa fa-search"></i></div>

</div>

</div>

<div></div>


      <!-- 轮播图 -->

<div>

<div>

<ul>

<li>

<a href="#">手机 | 电话卡</a><i class="fa fa-angle-right"></i>

<div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

</div>

</li>

<li>

<a href="#">电视机 | 盒子</a><i class="fa fa-angle-right"></i>

</li>

<li>

<a href="#">笔记本</a><i class="fa fa-angle-right"></i>

<div>

<div><img src="static/images/pc/pc4.jpg" alt=""><a href="">笔记本</a></div>

<div><img src="static/images/pc/pc7.jpg" alt=""><a href="">笔记本</a></div>

<div><img src="static/images/pc/pc9.jpg" alt=""><a href="">笔记本</a></div>

<div><img src="static/images/pc/pc10.jpg" alt=""><a href="">笔记本</a></div>

<div><img src="static/images/pc/pc13.png" alt=""><a href="">笔记本</a></div>

<div><img src="static/images/pc/pc16.png" alt=""><a href="">笔记本</a></div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">笔记本</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>

<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>

<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>

</div>

</li>

<li><a href="#">智能 | 家电</a><i class="fa fa-angle-right"></i></li>

<li><a href="#">健康 | 家居</a><i class="fa fa-angle-right"></i></li>

<li><a href="#">出行 | 儿童</a><i class="fa fa-angle-right"></i></li>

<li><a href="#">路由器 | 手机配件</a><i class="fa fa-angle-right"></i></li>

<li><a href="#">移动电源 | 插线板</a><i class="fa fa-angle-right"></i></li>

<li><a href="#">耳机 | 音响</a><i class="fa fa-angle-right"></i></li>

<li><a href="#">生活 | 米兔</a><i class="fa fa-angle-right"></i></li>

</ul>

</div>

<div></div>

</div>

<div></div>


<!-- 商品广告 -->

<div>

<div>

<span><i class="fa fa-mobile-phone fa-2x"></i><br>选购手机</span>

<span><i class="fa fa-gift fa-2x"></i><br>企业团购</span>

<span><i class="fa fa-facebook fa-2x"></i><br>F码通道</span>

<span><i class="fa fa-file-text fa-2x"></i><br>米粉卡</span>

<span><i class="fa fa-refresh fa-2x"></i><br>依旧换新</span>

<span><i class="fa fa-credit-card fa-2x"></i><br>话费充值</span>

</div>

<div style="background:url(static/images/midAD1.jpg);"></div>

<div style="background:url(static/images/midAD2.jpg);"></div>

<div style="background:url(static/images/midAD3.jpg);"></div>

</div>

<div></div>


<!-- 小米闪购 -->

<div>

<h2>小米闪购</h2>

<div style="margin-right: 14px;border-top:1px solid #f00;background:#f1eded;">

<div>18:00场</div>

<i class="flash fa fa-flash fa-4x"></i>

<div>距离开始还有</div>

<div>

<span>00</span>

<span>:</span>

<span>00</span>

<span>:</span>

<span>00</span>

</div>

</div>

<div class="mainPurchase_shop move" style="margin-right: 14px;border-top:1px solid #ff6700;">

<img src="static/images/flashbuy/flashbuy1.jpg" alt="">

<div>米家空气净化器Pro白色</div>

<div>大空间,快循环</div>

<div>1399元<del>1499元</del></div>

</div>

<div class="mainPurchase_shop move" style="margin-right: 14px;border-top:1px solid #080;">

<img src="static/images/flashbuy/flashbuy2.jpg" alt="">

<div>米家空气净化器Pro白色</div>

<div>大空间,快循环</div>

<div>1399元<del>1499元</del></div>

</div>

<div class="mainPurchase_shop move" style="margin-right: 14px;border-top:1px solid #00f;">

<img src="static/images/flashbuy/flashbuy3.jpg" alt="">

<div>米家空气净化器Pro白色</div>

<div>大空间,快循环</div>

<div>1399元<del>1499元</del></div>

</div>

<div class="mainPurchase_shop move" style="border-top:1px solid #f00;">

<img src="static/images/flashbuy/flashbuy4.jpg" alt="">

<div>米家空气净化器Pro白色</div>

<div>大空间,快循环</div>

<div>1399元<del>1499元</del></div>

</div>

</div>

<div></div>


<!-- 广告图 -->

<div style="background:url(static/images/longAD1.jpg);">

</div>

</div>

</div>

<div style="background: #f5f5f5;">

<div>

<!-- 手机专区 -->

<div>

<div>

<h2>手机</h2>

<span>查看更多<i class="fa fa-angle-right"></i></span>

</div>

<div></div>

<div style="background:url(static/images/buy/手机AD.jpg);;">

</div>

<div>

<div style="margin-bottom:14px;">

<div class="p move">

<img src="static/images/buy/手机1.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

</div>


<div class="p move">

<span>享八折</span>

<img src="static/images/buy/手机2.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

</div>


<div class="p move">

<img src="static/images/buy/手机3.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

</div>


<div class="p move">

<img src="static/images/buy/手机4.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

</div>


<div></div>

</div>

<div>

<div class="p move">

<span>享八折</span>

<img src="static/images/buy/手机5.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

</div>


<div class="p move">

<img src="static/images/buy/手机6.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

</div>


<div class="p move">

<img src="static/images/buy/手机7.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

</div>


<div class="p move">

<span>享八折</span>

<img src="static/images/buy/手机8.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

</div>

</div>

</div>

</div>

<div></div>


            <!-- 广告图 -->

<div style="background:url(static/images/longAD2.jpg);"></div>


<!-- 智能专区 -->

<div>

<div>

<h2>智能</h2>

<span>热门</span>

<span>电视影音</span>

<span>电脑</span>

<span>家具</span>

</div>

    <div></div>

<div>

<div style="background:#ccc;background:url(static/images/buy/智能AD1.jpg);margin-bottom: 14px;"></div>

<div style="background:#ccc;background:url(static/images/buy/智能AD2.jpg);"></div>

</div>

<div>

<div style="margin-bottom:14px;">

<div>

<img src="static/images/buy/智能1.png" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<span>享八折</span>

<img src="static/images/buy/智能2.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<img src="static/images/buy/智能3.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<img src="static/images/buy/智能4.png" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div></div>

</div>

<div>

<div>

<span>享八折</span>

<img src="static/images/buy/智能5.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<img src="static/images/buy/智能6.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<img src="static/images/buy/智能7.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<div>

<div>

<div>小米净水器</div>

<div>1999元</div>

</div>

<div>

<img src="static/images/buy/智能8.jpg" alt="">

</div>

</div>

<div style="margin-top:10px;">

<div>

<div>浏览更多</div>

<div>更多</div>

</div>

<div><i class="fa fa-arrow-circle-o-right fa-5x"></i></div>

</div>

</div>

</div>

</div>

</div>

<div></div>



<!-- 广告图 -->

<div style="background:url(static/images/longAD3.jpg);"></div>


<!-- 家电专区 -->

<div>

<div>

<h2>家电</h2>

<span>热门</span>

<span>家居</span>

<span>家电</span>

</div>

    <div></div>

<div>

<div style="background:#ccc;background:url(static/images/buy/家电AD1.jpg);margin-bottom: 14px;"></div>

<div style="background:#ccc;background:url(static/images/buy/家电AD2.jpg);"></div>

</div>

<div>

<div style="margin-bottom:14px;">

<div>

<img src="static/images/buy/家电1.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<span>享八折</span>

<img src="static/images/buy/家电2.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<img src="static/images/buy/家电3.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<img src="static/images/buy/家电4.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div></div>

</div>

<div>

<div>

<span>享八折</span>

<img src="static/images/buy/家电5.png" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<img src="static/images/buy/家电6.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>


<div>

<img src="static/images/buy/家电7.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>光学变焦双摄,拍人更美</div>

<div>1499元</div>

<div>

<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>

<p>来自于 13312341234 的评价</p>

</div>

</div>

</div>

<div>

<div>

<div>

<div>小米净水器</div>

<div>1999元</div>

</div>

<div>

<img src="static/images/buy/家电8.jpg" alt="">

</div>

</div>

<div style="margin-top:10px;">

<div>

<div>浏览更多</div>

<div>更多</div>

</div>

<div><i class="fa fa-arrow-circle-o-right fa-5x"></i></div>

</div>

</div>

</div>

</div>

<div></div>


<!-- 广告图 -->

<div style="background:url(static/images/longAD4.jpg);"></div>


<!-- 为你推荐 -->

<div>

<div>

<h2>为你推荐</h2>

</div>

    <div></div>

<div>

<div style="margin-left: 0;">

<img src="static/images/buy/手机1.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>1499元</div>

<div>2905人好评</div>

</div>


<div>

<img src="static/images/buy/手机2.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>1499元</div>

<div>2905人好评</div>

</div>


<div>

<img src="static/images/buy/手机3.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>1499元</div>

<div>2905人好评</div>

</div>


<div>

<img src="static/images/buy/手机4.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>1499元</div>

<div>2905人好评</div>

</div>


<div>

<img src="static/images/buy/手机5.jpg" alt="">

<div><a href="#">小米5X 4G+64GB</a></div>

<div>1499元</div>

<div>2905人好评</div>

</div>

<div></div>

</div>

</div>

<div></div>


<!-- 热评产品 -->

<div>

<div>

<h2>热评产品</h2>

</div>

    <div></div>

<div>

<div style="margin-left: 0;">

<img src="static/images/buy/热评产品1.jpg" alt="">

<div>这箱子很好,外观漂亮,实用性强。很轻,有点软但不影响它的坚固。</div>

<div>来自于 子书雁 的评价</div>

<div>

<div>90分旅行箱 20寸 </div>

<span>|</span>

<div>1499元</div>

</div>

</div>


<div>

<img src="static/images/buy/热评产品2.jpg" alt="">

<div>包装很让人感动,式样也很可爱,做出的饭全家人都爱吃,超爱五星,手机控制还是不太熟练,最主要是没有连接...</div>

<div>来自于 HZG 的评价</div>

<div>

<div>米家压力IH电饭煲</div>

<span>|</span>

<div>699元</div>

</div>

</div>


<div>

<img src="static/images/buy/热评产品3.jpg" alt="">

<div>这箱子很好,外观漂亮,实用性强。很轻,有点软但不影响它的坚固。</div>

<div>来自于 草莓 的评价</div>

<div>

<div>90分旅行箱 20寸 </div>

<span>|</span>

<div>1499元</div>

</div>

</div>


<div>

<img src="static/images/buy/热评产品4.jpg" alt="">

<div>这箱子很好,外观漂亮,实用性强。很轻,有点软但不影响它的坚固。</div>

<div>来自于 很及时 的评价</div>

<div>

<div>90分旅行箱 20寸 </div>

<span>|</span>

<div>1499元</div>

</div>

</div>

<div></div>

</div>

</div>

<div></div>


<!-- 内容 -->

<div>

<div>

<h2>内容</h2>

</div>

    <div></div>

<div>

<div style="margin-left: 0;border-top:1px solid #ffac13;">

<div>

<div style="color:#ffac13;">图书</div>

<div>哈利·波特与被诅咒的孩子</div>

<div>“哈利·波特”第八个故事中文版震撼来袭!特别彩排版剧本!</div>

<div>29.37元</div>

</div>

<img src="static/images/buy/内容1.png" alt="">

<div><span></span><span></span><span></span><span></span></div>

</div>


<div style="border-top:1px solid #83c44e;">

<div>

<div style="color:#83c44e;">MIUI 主题</div>

<div>复仇者联盟3-原石争夺战</div>

<div>收集无限原石,获取酷炫壁纸!</div>

<div>5.9米币</div>

</div>

<img src="static/images/buy/内容2.png" alt="">

<div><span></span><span></span><span></span><span></span></div>

</div>


<div style="border-top:1px solid #e53935;">

<div>

<div style="color:#e53935;">游戏</div>

<div>剑侠世界2</div>

<div>潮流武侠,炫动江湖!</div>

</div>

<img src="static/images/buy/内容3.png" alt="">

<div><span></span><span></span><span></span><span></span></div>

</div>


<div style="border-top:1px solid #2196f3;">

<div>

<div style="color:#2196f3;">应用</div>

<div>2017金米奖</div>

<div>最优秀的应用和游戏</div>

</div>

<img src="static/images/buy/内容4.png" alt="">

<div><span></span><span></span><span></span><span></span></div>

</div>

<div></div>

</div>

</div>

<div></div>


<!-- 视频 -->

<div>

<div>

<h2>视频</h2>

<span>查看更多<i class="fa fa-angle-right"></i></span>

</div>

<div></div>

<div>

<div style="margin-left: 0;">

<img src="static/images/buy/视频1.jpg" alt="">

<div>小米8,一部与众不同的手机</div>

<div>透明探索版,将科技与美学完美结合</div>

<span><i class="fa fa-play"></i></span>

</div>


<div>

<img src="static/images/buy/视频2.jpg" alt="">

<div>小米8,一部与众不同的手机</div>

<div>透明探索版,将科技与美学完美结合</div>

<span><i class="fa fa-play"></i></span>

</div>


<div>

<img src="static/images/buy/视频3.jpg" alt="">

<div>小米8,一部与众不同的手机</div>

<div>透明探索版,将科技与美学完美结合</div>

<span><i class="fa fa-play"></i></span>

</div>


<div>

<img src="static/images/buy/视频4.jpg" alt="">

<div>小米8,一部与众不同的手机</div>

<div>透明探索版,将科技与美学完美结合</div>

<span><i class="fa fa-play"></i></span>

</div>

<div></div>

</div>

</div>

</div>

</div>


<!-- 底部 -->

<div>

<div>

<div>

<a href=""><i class="fa fa-wrench"&a    <

批改老师:Peter-Zhu批改时间:2019-09-11 14:37:45
老师总结:布局看上去还是不错的, 但代码拉着的痕迹太明显, 会给后端内容渲染造成一定的麻烦, 还有极大的改进空间

发布手记

热门词条

第十期线上培训班