jquery实现手机端移动端购物车效果代码-html代码-BFW代码库

jquery实现手机端移动端购物车效果代码

代码语言：html

所属分类：电商

代码描述：jquery实现手机端移动端购物车效果代码，支持数量增减及单选全选功能

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!--清理缓存-->
    <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">

    <style>
        /*底部*/
        * {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
        }
        .qwFooter {
            width: 100%;
            position: fixed;
            bottom: 0;
            display: flex;
            justify-content: space-between;
            border-top: 1px solid rgba(238,238,238,1);
            background: #fff;
        }
        .qwFooter div {
            width: 25%;
            text-align: center;
            padding: .15rem 0;
        }
        .qwFooter div img {
            /*width: .36rem;*/
            height: .44rem;
        }
        .qwFooter div p {
            font-size: .14rem;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: rgba(68,68,68,1);
            margin: 0 !important;
            padding-top: .1rem;
        }
        input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
            font-size: .26rem;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: rgba(170,170,170,1);
        }

        input:-moz-placeholder, textarea:-moz-placeholder {
            font-size: .26rem;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: rgba(170,170,170,1);
        }

        input::-moz-placeholder, textarea::-moz-placeholder {
            font-size: .26rem;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: rgba(170,170,170,1);
        }

        input:-ms-input-placeholder, textarea:-ms-input-placeholder {
            font-size: .26rem;
            font-family: PingFangSC-Regular,PingFang SC;
            font-weight: 400;
            color: rgba(170,170,170,1);
            font-weight: normal;
        }

        .layui-layer-loading {
            display: flex;
            justify-content: center;
        }
        html {
            background: #F2F2F2;
        }
        * {
            margin: 0;
            padding: 0;
        }
        html,body {
            width: 100%;
            height: 100%;
        }
        .container {
            padding: 0;
            background: #fff;
        }

        .container .searchNav {
            position: fixed;
            background: #fff;
            width: 100%;
        }

        .container .searchWra {
            position: relative;
            padding: .2rem 4%;
            background: #fff;
        }

        .container .searchWra input {
            width: 100%;
            height: .6rem;
            background: rgba(247, 247, 247, 1);
            border-radius: .27rem;
            font-size: .24rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(34, 34, 34, 1);
            border: 0;
            outline: none;
            padding: 0 .3rem 0 .6rem;
        }

        .container .searchWra img {
            width: .26rem;
            height: .26rem;
            position: absolute;
            top: .37rem;
            left: .5rem;
        }

        .container .typeScroll {
            padding: .1rem 0 .3rem .2rem;
            background: #fff;
            overflow-x: scroll;
            white-space: nowrap;
            border-bottom: 1px solid #EEEEEE;
        }

        .container .typeScroll div {
            padding: .1rem .25rem;
            background: rgba(247, 248, 249, 1);
            border-radius: .19rem;
            font-size: .24rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(136, 136, 136, 1);
            margin-right: .2rem;
            display: inline-block;
        }

        .container .typeScroll .activeColor {
            background: rgba(255, 240, 230, 1);
            font-size: .24rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(254, 135, 90, 1);
        }

        .container .contentInfo {
            padding: 2rem 0 1.5rem 0;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .container .contentInfo .infoLine {
            width: 100%;
            background: #fff;
            display: flex;
            justify-content: space-between;
            padding: .2rem 3%;
        }
        .contain.........完整代码请登录后点击上方下载按钮下载查看