这是做出来的效果:
案例要求:- 如果两样商品的金额(不含运费)合计超过了5000元,则可减免100元
- 如果两样商品的金额(不含运费)合计超过了8000元,则可减免200元
- 在如上五个输入框中修改数值时,各项统计结果要实时更新
(写的不好请见谅 。。。)
购物车结算案例
手机:
价格
数量
小记 {{sum1}}元
电脑:
价格
数量
小记 {{sum2}}元
运费:
总计: {{sum1+sum2}}
优惠: {{youhui}}
应付: {{sum}}
h2{
text-align: center;
}
input{
width: 70px;
}
.div{
width: 500px;
height: 400px;
margin: 50px auto;
border-radius: 5%;
line-height: 40px;
background-color: rgb(255, 255, 255);
box-shadow: 2px 3px 5px #888888;
}
td{
padding: 0 15.7px;
}
.conter{
padding: 10px;
}
购物车选商品时是不允许数量少于1的,在每个价格栏增加watch监听,一旦数据小于1则让改数据等于1



