master

分支 (1)

管理

管理

master

more-page-move
/
car.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">

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

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

    <!-- 引入element-ui样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

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

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

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

<body>
    <!-- 最大容器 -->
    <div class="warp" id="app">
        <!-- 头部 -->
        <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="goods">
                <el-checkbox-group v-model="checkboxGroup" size="small">
                    <el-checkbox label="goods1">
                        <div class="item">
                            <img src="./images/cart_img.jpg" alt="">
                            <div class="content">
                                <h4>VeroModa2016新品欧根纱腰部松紧七...</h4>
                                <h6>促销价：¥374.50</h6>
                                <div class="but">
                                    <el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="数量">
                                    </el-input-number>
                                    <div class="del">删除</div>
                                </div>
                            </div>
                        </div>
                    </el-checkbox>
                    <el-checkbox label="goods2">
                        <div class="item">
                            <img src="./images/cart_img.jpg" alt="">
                            <div class="content">
                                <h4>VeroModa2016新品欧根纱腰部松紧七...</h4>
                                <h6>促销价：¥374.50</h6>
                                <div class="but">
                                    <el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="数量">
                                    </el-input-number>
                                    <div class="del">删除</div>
                                </div>
                            </div>
                        </div>
                    </el-checkbox>
                </el-checkbox-group>
            </div>
            <div class="acb">
                <el-checkbox v-model="checked1" label="全选">
                    <div class="allCheck">
                        <span>全选</span>
                        <div class="num_bt">
                            <span>合计 : <a>￥749.00</a></span>
                            <div class="bt">立即结算</div>
                        </div>
                    </div>
                </el-checkbox>
            </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="#">
                <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>
<!-- 引入vue -->
<script src="./js/vue.js"></script>
<!-- 引入组件库 -->
<script src="./js/element-ui.js"></script>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {
                checkboxGroup: [],
                num: 1,
            }
        },
        methods: {
            handleChange(value) {
                console.log(value);
            }
        }
    })
</script>