购物车

添加商品到购物车
wxml中 
commodity。name
commodity.price
commdity.image
假如购物车addCart
在onload中进行初始化 获得commodity
addCart
设置购物车的初始值let cart = [];
获取commodity this.data.commodity let that = this
假设用户再次访问 用getstorage
key 
success:function(res){if(res.data)cart = res.data}
compelete:function() 
获得要添加的商品
设置默认属性为selected
遍历购物车
如果购物车为null 直接添加 设置num 为1
购物车没有该物品 同上
如果有该商品直接进行数量加1
设置storage
设置commodity
立即结算
跳转到cart
商品详情页
name price image
在onload里面直接操作 通过options 来获取id 再进行连接数据库 获取所需要的产品
购物车页面布局
选择按钮  selected type success type circle 传递过去index 来进行操作 然后是商品详情页
cart selected 
获取传递过来的index var index = e.currentTarget.data.set.index
b[index].selected = ! b[index].selected
计算total 设置total 属性 totalz方法 来进行
遍历购物车 看b【i】是否被选中 若被选中 选中进行计算总价格
数量增加减少
获取下标
获取comms
设置属性
设置storage
设置data 同步作用
全选
获取设置的属性allselects 设置初始值为false
改变属性属性 然后遍历购物车 直接将select 添加到各个商品上
九宫格
微信小程序京东
首页九宫格
1,2,3,4,5,6,7,8,9举例
1。data中定义数组【1,2,3,4,5,6,7,8,9,】[]数组标识
将一维数组转化为二维数组
1.获取要遍历的数组 let(是js2017的新特征 和var 用法一样 但作用域大)  let x = this.data.showdatas;
2.定义两个数组 用来接受二维数组 let a = []; let b = [];  
3.遍历要转化的数组 根据判断条件 看你要放几个 a 取得每行的值赋值给 b 。最后将b进行遍历
两个重要的css样式 控制横排还是竖排 style = 'display =flex;justify-content:space-around'
实现京东的九宫格 用数组来对象{name:'',url:""}
template减少书写的麻烦 navigator实现页面跳转 属性url=‘{{}url}’
template定义
用一个template包含
navigator
注意微信中标签写的位置也影响排位
里面只需要定义属性就行 不需要指明对象 name属性
template引入
导入<import src='../template/templates'>
<template  is=''  data='...{{item[0]}}'>
分支主题 5
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值