初学Html5+CSS之简易购物车（加入购物车+路由+结算+ionic）

效果图

需要导入的包如下

代码如下

index的代码：

运动商城

您的购物车:{{count}} {{sumprice|currency:"RMB ￥"}}

结算

views的index代码

• 首页


• 女装


• 男装

• 
  

  {{g.proname}}

  
  
  加入购物车
  {{g.price|currency:"RMB ￥"}}
  

views的cart代码

        您的购物车是空的。继续购物

数量	商品名称	单价	小计
{{c.num}}	{{c.good.proname}}	{{c.good.price}}	{{c.good.price * c.num|currency:"RMB ￥"}} 删除

所使用数据的json源

[{"proname":"天天特价S925银渐变天鹅项链吊坠女纯银锁骨链韩版简约生日送女友","price":158,"type":"饰品"},
{"proname":"羊剪绒外套短款女仿皮草大衣连帽皮毛一体狐狸毛领","price":120,"type":"女装"},
{"proname":"星星的你同款皮草大衣女中长款狐狸毛内胆仿皮草外套","price":278,"type":"女装"},
{"proname":"天天特价男士棉服冬季韩版潮流面包服男款棉衣冬天袄子男冬装外套","price":88,"type":"男装"},
{"proname":"天天特价花花公子贵宾马甲男秋冬季外套羽绒棉背心休闲马夹坎肩潮","price":69,"type":"男装"},
{"proname":"天天特价马丁靴女秋冬女鞋2017新款短靴女百搭英伦风裸靴平底女靴","price":79,"type":"鞋包"}
]