返回跳过课程,我本......登陆

跳过课程,我本想学PHP的。。。

恋姣???2019-06-23 15:30:4867

<!DOCTYPE html>

<html>

<head>

    <title>小米商城</title>

    <meta charset="utf-8">

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

    <link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">

    <link rel="stylesheet" type="text/css" href="static/css/mi.css">

    <link rel="stylesheet" type="text/css" href="static/css/content.css">

    <link rel="stylesheet" type="text/css" href="static/css/footer.css">

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

<script type="text/javascript" src="static/layui/layui.js"></script>

</head>

<body>

<div class="box">

    <!-- 头部 -->

    <div class="header">

        <div class="header_menu">

            <ul class="header_left">

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

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

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

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

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

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

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

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

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

            </ul>

            <div class="header_right">

                <ul>

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

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

                <li><a href="shop/order.html">我的订单</a></li>

               <li class="header_right_li"><a href="shop/cart.html"><i class="fa fa-shopping-cart" ></i>&nbsp; 购物车 ( 0 )</a> 

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

</li>

            </ul>

            </div>  

        </div> 

    </div>

    <!--   主体内容上半部分   -->

    <div class="content-top">

        <div class="content">

            <div class="content_menu">

                <div class="content_menu_pic">

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

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

                </div>

            <div class="content_menu_ul">

                <ul>

<li>小米手机

<div class="mi_phone">

<div class="mi_phone_div">

<div class="mi_phone_div_1">

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

<a href="shop/detail.html">小米2s</a>

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

</div>

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

    </div>

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

</div>

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

</div>

<div  class="mi_phone1">

<!-- <div class="new">新品</div> -->

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

</div>

<div  class="mi_phone1">

<!-- <div class="new">新品</div> -->

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

   </div>

   

   <div class="clear"></div>

</div>

    </div>

</div>

</li>

<li>红米

<div class="mi_phone">

<div class="mi_phone_div">

<div class="mi_phone_div_1">

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

</div>

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

    </div>

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

    </div>

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

    </div>

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

<span></span>

    </div>

<div  class="mi_phone1">

<div class="new">新品</div>

<div class="mi_phone_shop">

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

<br>

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

<br>

<a href="" style="color:#FF6A00;">3299元</a>

</div>

</div>

<div class="clear"></div>

</div>  

</div>

</div>

</li>

<li>电视</li>

<li>笔记本</li>

<li>盒子</li>

<li>新品</li>

<li>路由器</li>

<li>智能硬件</li>

<li>服务</li>

<li>社区</li>

</ul>

            </div>

            <div class="content-form">

                <form>

                    <input type="text" name="">

                    <div class="content-form-a"><a href="">电视新品</a>   <a href="">618预热</a></div>

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

                

                </form>

            </div>

            <div class="clear"></div>

        </div>

           <div class="content_pic">

<div class="content_pic_menu">

<ul class="content_pic_ul">

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

<div class="content_pic_div">

<div class="content_div_menu">

<div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="shop/detail.html">红米6A</a></div>

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

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

</div>

<div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

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

</div>

                                    <div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

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

</div>

                                    <div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

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

</div>

                                    <div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

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

</div> 

                                    <div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

<div><!-- <img src="static/img/phone/phone6.jpg"> <a href="">移动4G+专区</a> --></div>

</div>

</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 class="content_pic_div">

<div class="content_div_menu">

<div class="content_div_1">

<div><img src="static/img/pc/pc4.jpg"> <a href="">小米8</a></div>

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

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

</div>

<div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

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

</div>

                                    <div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

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

</div>

                                    <div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

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

</div>

                                    <div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

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

</div> 

                                    <div class="content_div_1">

<div><img src="static/img/phone/phone1.png"> <a href="">小米8</a></div>

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

<div><!-- <img src="static/img/phone/phone6.jpg"> <a href="">移动4G+专区</a> --></div>

</div>

</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 class="layui-carousel" id="test1" lay-filter="test1">

  <div carousel-item="">

    <div><img src="./static/img/a.jpg"></div>

    <div><img src="./static/img/b.jpg"></div>

    <div><img src="./static/img/c.jpg"></div>

    <div><img src="./static/img/d.jpg"></div>

    <div><img src="./static/img/e.jpg"></div>     

  </div>

</div>

          <div class="clear"></div>

</div>

<!-- 以下部分样式见  外部样式 content.css -->


<!--xin start-->

            <!--一个小导航+三个小广告-->

            <div class="content-picli">

                <div class="content-picli_1">

                    <ul>

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

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

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

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

                        <li><span class="fa fa-refresh fa-2x"></span>以旧换新</li>

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

                    </ul>

                </div>

                <div class="content-picli_2"></div>

                <div class="content-picli_3"></div>

                <div class="content-picli_4"></div>

            </div>

            <div class="clear"></div>

            <!--小米闪购-->

            <div class="content-picshop">

                <h2 class="content-picshop1">小米闪购</h2>

                <div class="content-picshop2">

                    <div class="content-picshop3">

                        <div class="time">18:00 场</div>

                        <div class="flash fa fa-flash fa-4x" style="color: #ef3a3b;"></div>

                        <div class="detail">距离开始还有</div>

                        <div class="clock">

                            <span class="hour">00</span>

                            <span class="maohao">:</span>

                            <span class="minute">00</span>

                            <span class="maohao">:</span>

                            <span class="second">00</span>

                        </div>

                        <div class="bg"></div>

                    </div>

                    <div class="content-picshop4">

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

                        <h3 class="picshopTitle"><a href="">米家空气净化器Pro 白色 </a></h3>

                        <p class="picshopDesc">大空间,快循环</p>

                        <p class="picshopPrice">

                            <span style="color:#ff6709">1399 元</span>&nbsp;&nbsp;

                            <del>1499元</del>

                        </p>

                        <div class="bg"></div>

                    </div>

                    <div class="content-picshop5">

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

                        <h3 class="picshopTitle"><a href="">小米手环 2 黑色 </a> </h3>

                        <p class="picshopDesc">OLED 显示屏,触摸操作</p>

                        <p class="picshopPrice">

                            <span style="color:#ff6709">142 元</span>&nbsp;&nbsp;

                            <del>149元</del>

                        </p>

                        <div class="bg"></div>

                    </div>

                    <div class="content-picshop6">

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

                        <h3 class="picshopTitle"><a href="">90分金属旅行箱 20寸 银色</a> </h3>

                        <p class="picshopDesc">航空系铝镁合金</p>

                        <p class="picshopPrice">

                            <span style="color:#ff6709">1709 元</span>&nbsp;&nbsp;

                            <del>1799元</del>

                        </p>

                        <div class="bg"></div>

                    </div>

                    <div class="content-picshop7">

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

                        <h3 class="picshopTitle"><a href="">小米体脂秤 白色</a> </h3>

                        <p class="picshopDesc">简约纤薄精准掌握身体数据</p>

                        <p class="picshopPrice">

                            <span style="color:#ff6709">189 元</span>&nbsp;&nbsp;

                            <del>199元</del>

                        </p>

                        <div class="bg"></div>

                    </div>

                </div>

            </div>

            <div class="content-pic"></div>

        </div>

    </div>

    <!--   主体内容下半部分   -->

    <div class="content-bottom">

        <div class="content-bottom1">

            <!--手机-->

            <h2 class="content-bottom1_li">

                手机

                <div class="tab">

                    查看更多

                    <span><i class="fa fa-angle-right"></i></span>

                </div>

            </h2>

            <div class="content-bottom1_shop">

                <div class="content-bottom1_shop1"></div>

                <div class="content-bottom1_shop2">

                    <div class="content-bottom1_1">

                        <div class="content-bottom1_a">

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

                            <h3 class="bottomTitle"><a href="">小米5X 4GB+64GB </a> </h3>

                            <p class="bottomDesc">光学变焦双摄,拍人更美</p>

                            <p class="bottomPrice">

                                <span style="color:#ff6709">1499 元</span>

                            </p>

                        </div>

                        <div class="content-bottom1_b">

                            <span class="bottomFlagRed">享八折</span>

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

                            <h3 class="bottomTitle"><a href="">小米MIX 2 全陶瓷尊享版 </a></h3>

                            <p class="bottomDesc">全面屏2.0,Unibody 全陶瓷</p>

                            <p class="bottomPrice">

                                <span style="color:#ff6709">3699元</span>

                                <del>4699 元</del>

                            </p>

                        </div>

                        <div class="content-bottom1_c">

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

                            <h3 class="bottomTitle"><a href="">红米5A 2GB内存 </a></h3>

                            <p class="bottomDesc">8天超长待机,137g轻巧机身</p>

                            <p class="bottomPrice">

                                <span style="color:#ff6709">599元</span>

                            </p>

                        </div>

                        <div class="content-bottom1_d">

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

                            <h3 class="bottomTitle"><a href="">红米5 Plus 3GB+32GB </a></h3>

                            <p class="bottomDesc">全面屏手机,4000mAh大电量</p>

                            <p class="bottomPrice">

                                <span style="color:#ff6709">999元</span>

                            </p>

                        </div>

                    </div>

          &a

最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网