master

分支 (1)

管理

管理

master

more-page-move
/
activity.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/activity.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="area">
                <div class="left">
                    <img src="./images/img6.jpg">
                </div>
                <div class="right">
                    <div class="Rural">
                        <img src="./images/img7.jpg">
                    </div>
                    <div class="special">
                        <img src="./images/img8.jpg">
                    </div>
                </div>
            </div>

            <div class="model">
                <h3><hr/>&nbsp;&nbsp;精选活动&nbsp;&nbsp;<hr/></h3>
                <img src="./images/img9.jpg" alt="">
                <img src="./images/img10.jpg" alt="">
                <img src="./images/img11.jpg" alt="">
                <img src="./images/img12.jpg" alt="">
                <img src="./images/img13.jpg" alt="">
            </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="#">
                <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="./user.html">
                <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>