微信购物其实就是京东,下面给出微信购物车位置及购买商品的方法:
所需材料:手机微信。
一、打开手机微信,进入“发现”页面,点击“购物”。
二、这时就能够打开京东界面,点击下方的“购物车”。
三、这时进入的就是微信购物车,在这里能够看到购物车内待购买的商品。然后演示购买商品,就以该页中下方推荐商品为例,点击该商品。
四、进入该商品界面后,点击下方的“加入购物车”就能够把这件商品添加入购物车列表中,若是直接购买,那么就点击“立即购买”。
五、d出的商品种类内选好之后,点击“确认”即可进入支付页面,在支付页面直接付款即可购买。
方法/步骤1/6 分步阅读
首先我们需要下载一个微店软件App,在应用商城里面下载就可以了。
2/6
登录的话,我们可以使用微信快速登录,这样的话,我们就不需要注册。
3/6
然后我们在微店软件里面找到自己喜欢的商品,然后点击进来就可以。
4/6
点击进来以后我们在商品下面就可以看到一个加入购物车,我们点击加入购物车。
5/6
加入购物车的话,我们还是要选择尺码或者尺寸,然后再点击,下面确定就成功加入购物车。
6/6
然后我们现在到购物车里面看一下,商品就已经在购物车里面了,在购物车里面我们什么时候付款都可以。
微信小程序的购物车功能在商品列表页
index.wxml
中,给下单按钮绑定一个添加购物车的事件
addCart
,使用
catchtap
是不会冒泡,同时传入
data-item
,当前的商品,代码如下所示:
1
<view class="order" catchtap="addCart" data-item="{{ item }}">下单</view>
在
index.js
中,在
Page
中,定义
addCart
事件。对此,可以分析一下当点击按钮以后添加购物车的逻辑:
拿到点击要添加入到购物车的商品
判断该商品在不在购物车里面
如果不在, 把该商品添加到购物车里面, 并且新加一个字段
num = 1
如果在,修改改商品的
num
值 累加
在
addCart
中,第一步拿到该商品,通过
e.currentTarget.dataset
获取。第二步,判断该商品在不在购物车里面,根据
_id
尝试从购物车里面获取数据,看能不能获取的到。使用
try...catch
,在有值的情况下,把购物车里面的该商品的
num
值累加
,并且进行下单成功的提示;在没有值,把商品添加到购物车里面,并且进行下单成功的提示,最后调用
setTabBar()
方法修改底部购物车
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)