html购物车复选框,购物车列表.html

dodou-移动框架-商品列表

.products-list .weui-media-box_appmsg .weui-media-box__hd{

width: 80px;

height: 80px;

}

.products-list .weui-media-box{

padding:10px;

}

.products-list .weui-media-box__title{

font-size: 15px;

padding-right: 48px;

white-space:normal;

line-height: 20px;

min-height: 54px;

display: -webkit-box;

-webkit-box-align:center;

-moz-box-align:center;

position: relative;

}

.products-list .weui-media-box__title .delete{

position: absolute;

right: 0;

top: 50%;

color:#898a8a;

-webkit-transform:translate(0,-50%);

background:url(images/icon28.png) no-repeat;

background-size: 24px;

width: 24px;

height: 24px;

}

.products-list .weui-cell:before{

border-top: none;

}

.products-list .weui-cell{

padding:0 10px 10px;

}

.products-list .weui-cell__ft{

color:#e3313d;

}

.products-list .total{

padding:10px 0;

margin:0 10px;

border-top: 1px solid #ececec;

}

.quantity{

border:1px solid #c7c7c7;

height: 35px;

display: inline-block;

overflow: hidden;

border-radius: 3px;

}

.quantity a{

width: 35px;

height: 35px;

line-height: 35px;

display: inline-block;

font-size: 20px;

text-align: center;

}

.quantity a:not(.weui-btn_disabled):active {

background-color: #ececec;

}

.quantity input{

width: 50px;

height: 35px;

text-align: center;

border:none;

vertical-align: top;

font-size: 16px;

}

.quantity .subtract{

border-right: 1px solid #c7c7c7;

}

.quantity .plus{

border-left: 1px solid #c7c7c7;

}

薇拉风秋冬中长款女春秋裙薇拉风秋冬中长款女春秋裙

颜色：白色; 尺码：M

￥399.00

-+

小计：￥798.00

薇拉风秋冬中长款

颜色：白色; 尺码：M

￥399.00

-+

小计：￥798.00

$(document).on("click", ".delete", function() {

$.confirm("您确定要删除该商品吗?", "确认删除?", function() {

$.toast("删除成功!");

}, function() {

//取消操作

});

});

$.toast.prototype.defaults.duration = 800;

$(function() {

FastClick.attach(document.body);

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史