master

分支 (1)

管理

管理

master

hbhitem
/
shopping.html

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

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/indexs.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2780239_m4yfav5ll5d.css">
    <link rel="stylesheet" href="./js/layui/css/layui.css">
    <!-- <link rel="stylesheet" href="./css/paging.css"> -->
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="./css/shopping.css">

    <title>Document</title>
</head>

<body>
    <header>
        <div class="aot">
            <div class="top">
                <div class="left">
                    <span>首页</span>
                    <span>OriginOS</span>
                    <span>体验店</span>
                    <span>社区</span>
                </div>
                <div class="right">
                    <b>
                        <i></i>
                        下载APP
                    </b>
                    <span>
                        购物车
                    </span>
                    <span class="userss">
                        退出到登录
                    </span>
                </div>
                <div class="user">
                </div>
            </div>

        </div>
        <div class="bot">
            <div class="bottom">
                <a href="">
                    <i class="iconfont icon-vivo"></i>
                </a>
                <div class="daohan">
                    <span class="kou" index="1"><a href="" index="1">NEX系列 </a></span>
                    <span class="kou" index="2"><a href="" index="2">X系列</a></span>
                    <span class="kou" index="3"><a href="" index="3">S系列</a></span>
                    <span class="kou" index="4"><a href="" index="4">T系列</a></span>
                    <span class="kou" index="5"><a href="" index="5">Y系列</a></span>
                    <span class="kou" index="6"><a href="" index="6">iQ0O手机</a></span>
                    <span class="kou" index="7"><a href="" index="7">智能硬件</a></span>
                    <span><a href="">商城</a></span>
                    <span><a href="">服务</a></span>
                </div>
            </div>
        </div>
        <div class="wrap">
            <ul>
                <li>
                    <div class="put">
                        <!-- <div class="pos">
                                <div class="pos-1">
                                    <img src="" alt="">
                                </div>
                                <div class="pos-2">
                                    NEX 3S
                                </div>
                            </div> -->
                    </div>
                    <div class="suo">
                        <span><i class="iconfont icon-xiangzuojiantou"></i></span>
                        <p>
                            <span><i class="iconfont icon-quanbujixing-tongyong"></i>全部NEX机型</span>
                            <span>|</span>
                            <span><i class="iconfont icon-duibi"></i>对比NEX机型</span>
                        </p>
                        <span><i class="iconfont icon-xiangyoujiantou"></i></span>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <div class="shopping-top">
        <span>
            我的购物车
        </span>
        <span class="contiue">
            继续购物<i class="iconfont icon-youjiantou"></i>
        </span>
    </div>
    <div class="table-one">
        <table>
            <thead>
                <th>
                    <input type="checkbox" class="confirm">全选
                </th>
                <th>商品名称</th>
                <th>价格(元)</th>
                <th>数量</th>
                <th>小计(元)</th>
                <th>操作</th>
            </thead>
        </table>
    </div>
    <div class="tei">
        <!-- <div class="replace">
            <div class="notop">
                <img src="./images/no-result.50507a32.png" alt="">
            </div>
            <p>
                    哎呀，购物车为空!
            </p>
            <div class="noend">
                <input type="button" value="去选购逛逛">
            </div>

        </div> -->
        <!-- <div class="shopping">
            <div class="shopping-con">
                <div class="table-two">
                    <table>
                        <tbody>
                            <tr>
                                <td class="gast">
                                    <input type="checkbox">
                                </td>
                                <td class="gast-1">
                                    <img src="./images/a-1.jpg" alt="">
                                </td>
                                <td>
                                    <p class="gast-2">
                                        <span>
                                            ROCK桌面手机支架
                                        </span>
                                        <span>
                                            颜色:白色
                                        </span>
                                    </p>
                                </td>
                                <td>
                                    19.00
                                </td>
                                <td class="hou">
                                    <a href="javascript:;"><i class="iconfont icon-jian"></i></a>
                                    <input type="button" value="1">
                                    <a href="javascript:;"><i class="iconfont icon-jiahao_o"></i></a>
                                </td>
                                <td class="smu">
                                    17.00
                                </td>
                                <td class="del">
                                    删除
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="tuo">
                        <span>[赠品] :<i class="iconfont icon-jifenguizeguankong2"></i>购物送积分</span>
                    </div>
                </div>
            </div>
        </div> -->

    </div>
    <div class="tatol">
        <div class="select">
            <span>
                <input type="checkbox" class="confirm"> 全选
            </span>
            <span>删除选中的商品</span>
            <span>移入收藏夹</span>
        </div>
        <div class="select-right">
            <span>已选商品</span>
            <span class="sos">0</span>
            <span>件，合计(不含运费):</span>
            <span class="prps">0</span>
            <span>
                <button>去结算</button>
            </span>

        </div>
    </div>

    <footer>
        <div class="ding">
            <p>
                <i class="iconfont icon-zhengpin"></i>官方正品
            </p>
            <p>
                <i class="iconfont icon-kuaidi"></i>顺丰极速达
            </p>
            <p>
                <i class="iconfont icon-tianmao-quanguolianbao"></i>全国联保
            </p>
            <p>
                <i class="iconfont icon-mianfeidingzhi"></i>免费定制
            </p>
        </div>
        <hr>
        <div class="end">
            <div class="big">
                <div class="zou">
                    <table>
                        <thead>
                            <th>热门链接</th>
                            <th>在线购买</th>
                            <th>服务支持</th>
                            <th>vivo社区</th>
                            <th>关于vivo</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td>X60 Pro</td>
                                <td>官方商城</td>
                                <td>体验店</td>
                                <td>社区首页</td>
                                <td>vivo简介</td>
                            </tr>
                            <tr>
                                <td>S10系列</td>
                                <td>选购手机</td>
                                <td>服务首页.</td>
                                <td>摄影专区</td>
                                <td>工作机会</td>
                            </tr>
                            <tr>
                                <td>NEX 3S</td>
                                <td>选购配件</td>
                                <td>服务网点查询</td>
                                <td>新浪微博</td>
                                <td>新闻资讯</td>
                            </tr>
                            <tr>
                                <td>vivo摄影</td>
                                <td>企业服务</td>
                                <td>真伪查询.</td>
                                <td>百度贴吧</td>
                                <td>采购平台</td>
                            </tr>
                            <tr>
                                <td>查找手机</td>
                                <td>以旧换新</td>
                                <td>预约维修</td>
                                <td></td>
                                <td>供应商协同平台</td>
                            </tr>
                            <tr>
                                <td>常见问题</td>
                                <td>保障服务</td>
                                <td>维修配件价格</td>
                                <td></td>
                                <td>开放平台</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td></td>
                                <td>服务政策</td>
                                <td></td>
                                <td>廉正合规</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td></td>
                                <td>安全公告</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td></td>
                                <td>环保回收</td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>

                    </table>
                </div>
                <div class="you">
                    <div class="onn">
                        <span>
                            <i class="iconfont icon-chat"></i>
                            &nbsp;在线客服
                        </span>
                    </div>
                    <div class="cnn">
                        <span>
                            <i class="iconfont icon-phone"></i>
                            &nbsp;全国客户服务热线7*24小时
                        </span>
                        <p>400-678-9688</p>
                    </div>
                    <div class="dnn">
                        <span>
                            <i class="iconfont icon-zaixiankefu"></i>
                            &nbsp;NEX专属服务热线7*24小时
                        </span>
                        <p>400-679-9688</p>
                    </div>
                    <div class="eee">
                        <span>
                            <i class="iconfont icon-a-youxiang"></i>
                            &nbsp;服务监督邮箱
                        </span>
                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vivo@vivo.com</p>
                    </div>
                    <div class="foo">
                        <span>
                            <i class="iconfont icon-yiliaobao"></i>
                            &nbsp;关注vivo
                        </span>
                    </div>
                    <div class="koo">
                        <i class="iconfont icon-weibo"></i>
                        &nbsp;&nbsp;
                        <i class="iconfont icon-gongzhonghao"></i>
                        &nbsp;&nbsp;
                        <i class="iconfont icon-zhifubao"></i>
                        &nbsp;&nbsp;
                        <i class="iconfont icon-lianjie"></i>
                    </div>
                </div>
            </div>
            <hr>
            <div class="ftoor">
                <p>
                    &copy; 2011-2021广东天宸网络科技有限公司版权所有L隐私政策|法律声明|营业执照|粤B2-20150324 [粤ICP备14052990号|粤公网安备44190002004246号
                </p>
                <span>
                    Select Location <i class="iconfont icon-guanwang"></i>
                </span>
            </div>
        </div>
    </footer>
</body>

</html>
<script src="./js/layui/layui.js"></script>
<script src="./jquery/jquery.min.js"></script>
<script src="./js/cookie.js"></script>
<script src="./swiper/swiper-bundle.min.js">
</script>
<script src="./js/ajax.js"></script>
<script src="./js/move.js">
</script>
<!-- <script src="./js/detail.js"></script> -->
<script src="./js/shopping.js"></script>