master

分支 (1)

管理

管理

master

little-rabbit-fresh
/
gerenzhongxin.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>
    <meta name="description" content="小兔鲜 " />
    <meta name="Keywords" content="菜好" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/baes.css">
    <link rel="stylesheet" href="./css/zhongxin.css">
</head>

<body>
    <div class="shortcut">
        <div class="shortcut-he w">
            <ul class="fr">
                <li><a href="#">请先登录</a></li>
                <li>|</li>
                <li><a href="#">免费注册</a></li>
                <li>|</li>
                <li><a href="#">我的订单</a></li>
                <li>|</li>
                <li><a href="#">会员中心</a></li>
                <li>|</li>
                <li><a href="#">帮助中心</a></li>
                <li>|</li>
                <li><a href="#">在线客服</a></li>
                <li>|</li>
                <li><a href="#">手机版</a></li>
            </ul>
        </div>
    </div>
    <!-- shortcut结束 -->
    <header>
        <div class="logo-bar w">
            <div class="logo fl">
                <h1>
                    <a href="#" title="小兔鲜"><img src="./images/logo.png" alt=""></a>
                </h1>
            </div>
            <div class="daohang">
                <a href="#">首页</a>
                <a href="#">生鲜</a>
                <a href="#">美食</a>
                <a href="#">餐厨</a>
                <a href="#">电器</a>
                <a href="#">居家</a>
                <a href="#">洗护</a>
                <a href="#">孕婴</a>
                <a href="#">服装</a>
            </div>
            <div class="sousuo">
                <div class="sou">
                    <span><a href="#"></a></span>
                    <input type="text" placeholder="搜一搜">
                </div>
            </div>
        </div>
    </header>
    <!-- header结束 -->
    <!--  主体栏开始 -->
    <div class="group">
        <div class="refer w">
            <div class="refer-ld fl">
                <dl class="one kd">
                    <dt>我的账户</dt>
                    <dd><a href="#">个人中心</a></dd>
                    <dd><a href="#">消息通知</a></dd>
                    <dd><a href="#">个人信息</a></dd>
                    <dd><a href="#">安全设置 </a></dd>
                    <dd><a href="#">地址管理</a></dd>
                    <dd><a href="#">我的积分</a></dd>
                    <dd><a href="#">我的足迹 </a></dd>
                    <dd><a href="#">邀请有礼 </a></dd>
                    <dd><a href="#">幸运抽奖</a></dd>

                </dl>
                <dl class="two kd">
                    <dt><a href="#">我的订单</a> </dt>
                    <dd><a href="#"> 优惠券</a></dd>
                    <dd><a href="#"> 礼品卡</a></dd>
                    <dd><a href="#"> 评价晒单</a></dd>
                    <dd><a href="#"> 售后服务</a></dd>
                </dl>
                <dl class="san kd">
                    <dt><a href="#">我的收藏</a></dt>
                    <dd><a href="#">收藏的商品</a></dd>
                    <dd><a href="#">收藏的专题</a></dd>
                    <dd><a href="#">关注的品牌</a></dd>
                </dl>
                <dl class="si kd">
                    <dt><a href="#">帮助中心</a></dt>
                    <dd><a href="#">帮助中心</a></dd>
                    <dd><a href="#">在线客服</a></dd>
                </dl>

            </div>
            <div class="refer-rd fr">
                <div class="refer-rd-hd rk">
                    <img src="./uploads/avatar_1.png" alt="">
                    <div class="name">张小花</div>
                    <div class="yh">
                        <div class="d1 fl">
                            <span>
                                <img src="./images/huiyuan.png" alt="">

                            </span>

                        </div>
                        <div class="d2 fl">
                            <span>
                                <img src="./images/shezhi.png" alt="">
                            </span>

                        </div>
                        <div class="d3 fl">
                            <span>
                                <img src="./images/didian.png" alt="">
                            </span>

                        </div>
                    </div>
                </div>
                <!-- 1行完结 -->
                <div class="insyd rk">
                    <div class="insyd-hd">
                        <h1 class="fl">我的订单</h1>
                        <a href="#" class="fr">查看全部 </a>
                    </div>
                    <!-- 头部结束 -->
                    <div class="insyd-bd ">
                        <div class="fz hz">
                       <ul>
                           <li>
                               <img src="./uploads/clothes_goods_5.jpg" alt="">
                               <h2>拉夫劳伦t恤男正品圆领短袖...</h2>
                               <p>颜色：白色  尺码：M  数量：1</p>
                               <span>待付款</span>
                           </li>
                           <li>
                             <div class="jiag">
                                  <p><em>￥</em> 99.00</p>
                                  <p>（含运费：¥10.00元）</p>
                                  <p> 在线支付</p>
                                </div>
                           </li>
                           <li>
                               <a href="#">立即付款</a>
                               <p>查看详情</p>
                               <p>取消订单</p>
                           </li>
                       </ul>
                    </div>

                    <div class="fz hz">
                        <ul>
                            <li>
                                <img src="./uploads/clothes_goods_6.jpg" alt="">
                                <h2>李宁跑步鞋男鞋空气弧...</h2>
                                <p>颜色：灰色  尺码：42  数量：1</p>
                                <span>待付款</span>
                            </li>
                            <li>
                              <div class="jiag">
                                   <p><em>￥</em>199.00</p>
                                   <p>（含运费：¥10.00元）</p>
                                   <p> 在线支付</p>
                                 </div>
                            </li>
                            <li>
                                <a href="#">确认收货</a>
                                <p>查看详情</p>
                                <p>再次购买</p>
                            </li>
                        </ul>
                    </div>
                </div>
                </div>
                <div class="zhhz rk">
                    <div class="zhhz-hd ">
                        <h3 class="fl">收藏的商品</h3>
                        <a href="#" class="fr">查看全部</a>
                    </div>
                    <div class="zhhz-bd rk">
                        <ul>
                            <li>
                                <img src="./uploads/clothes_goods_1.jpg" alt="">
                                <p>人本秋季厚底帆布鞋<br>
                                    韩版低帮增高学生</p>
                                    <div class="qb">
                                        <em>￥</em>55
                                    </div>

                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_2.jpg" alt="">
                                <p>迪士尼真皮针扣表带宽度<br>
                                    14-16mm规格双色压纹</p>
                                    <div class="qb">
                                        <em>￥</em>29
                                    </div>
                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_3.jpg" alt="">
                                <p>米家飞行员太阳镜 Pro</p>
                                    <div class="qb">
                                        <em>￥</em>199
                                    </div>
                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_4.jpg" alt="">
                                <p>ONLY夏季新款高腰宽松
                                    <br>
                                    七分阔腿裙裤休闲裤</p>
                                    <div class="qb">
                                        <em>￥</em>275
                                    </div>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="tao">
                <div class="zhhz rk">
                    <div class="zhhz-hd ">
                        <h3 class="fl">收藏的商品</h3>
                        <a href="#" class="fr">查看全部</a>
                    </div>
                    <div class="zhhz-bd rk">
                        <ul>
                            <li>
                                <img src="./uploads/clothes_goods_5.jpg" alt="">
                                <p>拉夫劳伦t恤男正品<br>
                                    圆领短袖</p>
                                    <div class="qb">
                                        <em>￥</em>99
                                    </div>


                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_6.jpg" alt="">
                                <p>李宁跑步鞋男鞋空气弧<br>
                                    2018春季款</p>
                                    <div class="qb">
                                        <em>￥</em>179
                                    </div>


                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_3.jpg" alt="">
                                <p>米家飞行员太阳镜 Pro</p>
                                    <div class="qb">
                                        <em>￥</em>199
                                    </div>
                            </li>
                            <li>
                                <img src="./uploads/clothes_goods_1.jpg" alt="">
                                <p>ONLY夏季新款高腰宽松

                                    <br>
                                    七分阔腿裙裤休闲裤</p>
                                    <div class="qb">
                                        <em>￥</em>275
                                    </div>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
            </div>
        </div>
    </div>
    <!-- group结束 -->
    <!-- footer 尾部开始 -->
    <div class="consultbar">
        <div class="consult w">
            <ul>
                <li>
                    <h3>客户服务</h3>
                    <div class="xh">
                        <span class="fl">
                            <!-- <p></p> -->
                            在线客服
                        </span>
                        <span class="fr">
                            <!-- <p></p> -->
                            问题反馈
                        </span>
                    </div>
                </li>
                <li class="erhao">
                    <h3>关注我们</h3>
                    <div class="xh">
                        <span class="fl">
                            <!-- <p></p> -->
                            公众号
                        </span>
                        <span class="fr">
                            <!-- <p></p> -->
                            微博
                        </span>
                    </div>
                </li>
                <li class="down">
                    <h3>下载APP</h3>
                    <div class="code">
                        <img src="./uploads/qrcode.jpg" alt="">
                    </div>
                    <div class="scan">
                        <p>扫描二维码</p>
                        <p>立马下载APP</p>
                        <a href="#">下载页面</a>
                    </div>
                </li>
                <li class="las">
                    <h3>服务热线</h3>
                    <h2>400-0000-000</h2>
                    <p>周一至周日 8:00-18:00</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- consultbar结束 -->
    <div class="footerbar">
        <div class="footer">
            <div class="fhe fl">价格亲民</div>
            <div class="rhe fl">物流快捷</div>
            <div class="lhe fl">品质新鲜</div>
        </div>
        <div class="footer-bd w">
            <div class="z-hd">
                <a href="#">关于我们</a>
                <a href="#"></a>
                <a href="#">帮助中心</a>
                <a href="#"></a>
                <a href="#">售后服务</a>
                <a href="#"></a>
                <a href="#">配送与验收</a>
                <a href="#"></a>
                <a href="#">商务合作</a>
                <a href="#"></a>
                <a href="#">搜索推荐</a>
                <a href="#"></a>
                <a href="#">友情链接</a>
            </div>

            <div class="tis">
                <p>CopyRight @ 小兔鲜儿</p>
            </div>

        </div>

    </div>
</body>

</html>