摘要:
一、背景和需求 在购物车页面中,当用户点击“提交订单”按钮时 需要收集商品ID、商品数量等订单数据,并向后端发送POST请求 二、HTML代码 以SKU为单位的商品数据的层级结构如下: <div class="item" id="007"> <div class="p-checkbox"> <inp 阅读全文
posted @ 2020-07-04 10:02
BAEBAE996
阅读(846)
评论(0)
推荐(0)
摘要:
一、背景和需求 在购物车页面中,需要为用户提供商品全选/全不选的功能 每件商品的勾选框是一个 [type=checkbox] 的input 在商品列表的顶部栏还需设置一个“全选”勾选框 当用户点击结算时,显示已勾选商品的总价 二、HTML代码 全选框 <div class="t-checkbox"> 阅读全文
posted @ 2020-07-04 10:00
BAEBAE996
阅读(1163)
评论(0)
推荐(0)
摘要:
一、背景和需求 在购物车页面中,需要为用户提供调整商品数量的功能 数量增减框由2个button和1个[type=text]的input组成 点击 + 按钮时,数量加一;点击 - 按钮时,数量减一 并更新此商品对应的“小计” 二、HTML代码 <div class="p-quantity"> <inp 阅读全文
posted @ 2020-07-04 09:58
BAEBAE996
阅读(6472)
评论(1)
推荐(0)

浙公网安备 33010602011771号