master

分支 (1)

管理

管理

master

more-page-move
/
user.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, maximum-scale=1, user-scalable=no">
    <title>微商城移动端</title>
    <!-- 引入动画库 -->
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">

    <!-- 引入bootstrap核心css文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- swiper -->
    <link rel="stylesheet" href="css/swiper-bundle.min.css">

    <!-- 引入重置样式文件 -->
    <link rel="stylesheet/less" href="css/reset.less">

    <!-- 引入公共样式 -->
    <link rel="stylesheet/less" href="css/common.less">

    <!-- 页面单独样式文件 -->
    <link rel="stylesheet/less" href="css/user.less">
</head>

<body>
    <!-- 最大容器 -->
    <div class="warp">
        <!-- 头部 -->
        <header>
            <!-- 导航 -->
            <img id="arrowhead" src="./images/arrowhead.png">
            <div class="title">活动</div>
            <img id="home_act" src="./images/home_act.png">
        </header>
        <!-- main -->
        <main>
            <div class="avatar_area">
                <div class="avatar">
                    <img src="./images/avatar.png" alt="头像">
                </div>
                <p>用户名</p>
            </div>
            <div class="navList">
                <div class="navItem">
                    待付款 ( 0 )
                </div>
                <div class="navItem">
                    代发货 ( 0 )
                </div>
                <div class="navItem">
                    待确认 ( 0 )
                </div>
                <div class="navItem">
                    待评价 ( 0 )
                </div>
            </div>
            <div class="menuList">
                <div class="menuItem">
                    <label>
                        <img src="./images/icon7.png">
                        <span>我的订单</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
                <div class="menuItem">
                    <label>
                        <img src="./images/icon8.png">
                        <span>购物车</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
                <div class="menuItem">
                    <label>
                        <img src="./images/icon9.png">
                        <span>我的收藏</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
                <div class="menuItem">
                    <label>
                        <img src="./images/icon10.png">
                        <span>浏览历史</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
                <div class="menuItem">
                    <label>
                        <img src="./images/icon11.png">
                        <span>我的评价</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
            </div>
            <div class="menuList">
                <div class="menuItem">
                    <label>
                        <img src="./images/icon12.png">
                        <span>个人资料</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
                <div class="menuItem">
                    <label>
                        <img src="./images/icon13.png">
                        <span>我的积分</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
                <div class="menuItem">
                    <label>
                        <img src="./images/icon15.png">
                        <span>收货地址</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
                <div class="menuItem">
                    <label>
                        <img src="./images/icon16.png">
                        <span>发票信息</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
                <div class="menuItem">
                    <label>
                        <img src="./images/icon17.png">
                        <span>修改密码</span>
                    </label>
                    <img src="./images/icon6.png">
                </div>
            </div>
            <div class="outLogin">
                退出登录
            </div>
        </main>

        <!-- footer -->
        <footer>
            <a class="bar" href="./index.html">
                <img src="./images/home.png">
                <span>首页</span>
            </a>
            <a class="bar" href="./classify.html">
                <img src="./images/type.png">
                <span>分类</span>
            </a>
            <a class="bar" href="./activity.html">
                <img src="./images/activity.png">
                <span>活动</span>
            </a>
            <a class="bar" href="./car.html">
                <img src="./images/car.png">
                <span>购物车</span>
            </a>
            <a class="bar" href="#">
                <img src="./images/user2.png">
                <span>用户中心</span>
            </a>
        </footer>
    </div>
</body>

</html>
<!-- 引入jq -->
<script src="js/jquery-3.5.1.min.js"></script>

<!-- 引入bootstrap.js -->
<script src="js/bootstrap.min.js"></script>

<!-- swiper -->
<script src="js/swiper-bundle.min.js"></script>

<!-- 引入wow -->
<script src="js/wow.min.repeat.js"></script>

<!-- 引入less -->
<script src="js/less-4.1.3.js"></script>
<!-- 引入公共js -->
<script src="./js/common.js"></script>
<script>
    // 实例化WOW插件
    new WOW().init();

    // 实例化Swiper
    var MySwiper = new Swiper('.swiper', {
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },
    })
</script>