這個(gè)原型完整模擬了淘寶商品加入購(gòu)物車效果：
1）無(wú)商品加入購(gòu)物車時(shí)，顯示購(gòu)物車為空
2）未選擇商品尺碼和顏色時(shí)，提示錯(cuò)誤
3）選擇不同顏色商品時(shí)，商品大圖對(duì)應(yīng)切換顯示
4）商品數(shù)量默認(rèn)為1，不可為負(fù)數(shù)
5）商品數(shù)量大于1時(shí)，啟用減號(hào)
6）商品數(shù)量大于庫(kù)存數(shù)量時(shí)，提示錯(cuò)誤
7）商品數(shù)量變化時(shí)數(shù)字動(dòng)畫效果
8）商品加入購(gòu)物車后，購(gòu)物車數(shù)量變化，且購(gòu)物車中的商品數(shù)量和顏色與加入購(gòu)物車時(shí)相同
9）鼠標(biāo)指針移入頂部購(gòu)物車顯示購(gòu)物車中商品
10）點(diǎn)擊查看我的購(gòu)物車，進(jìn)入購(gòu)物車頁(yè)面
11）在購(gòu)物車頁(yè)面可修改商品數(shù)量，價(jià)格與數(shù)量同步變化
12）在購(gòu)物車頁(yè)面點(diǎn)擊 修改 按鈕可修改商品顏色和尺碼

本文為作者?@金烏?投稿發(fā)布，轉(zhuǎn)載請(qǐng)注明來(lái)源于人人都是產(chǎn)品經(jīng)理并附帶本文鏈接

在線預(yù)覽：http://share.yuanxingku.com/tbcart_case/#p=home

RP文件下載：http://pan.baidu.com/s/1kT7RBH9