微信小程序购物车简单实现:
1、商品单选及全选,全选不包括下架商品及库存不足商品;
2、商品单选及全选,同时计算商品总价及商品数量;
3、商品数量增加及减少,商品数量最少为1件;
4、商品数量增加减少时,同时计算商品总价及商品数量;
效果截图:
微信小程序购物车简单实现:
1、商品单选及全选,全选不包括下架商品及库存不足商品;
2、商品单选及全选,同时计算商品总价及商品数量;
3、商品数量增加及减少,商品数量最少为1件;
4、商品数量增加减少时,同时计算商品总价及商品数量;
效果截图:
1、效果截图:
实现思路:使用滚动视图scroll-view
及滑块视图swiper
实现页面两列纵向布局,通过滚动视图点击改变当前滑块视图的索引值current
来实现一级菜单点击切换对应二级菜单目录。
效果截图:
微信小程序button点击多选/单选简单实现:wxss
定义小程序按钮点击选中与未选中状态下的样式,多个button按钮使用wx:for
展示,通过点击改变原数据下自定义的选择字段true/false
来实现选中状态。
效果截图
项目开发过程中,需要用户将自己的二维码推广图片保存到手机相册,第一时间考虑使用canvas
画布来生成相关海报图片,用小程序api
保存到相册,因保存的图片上面带有个人相关动态参数信息,为减少前端加载时间,后改变为后端生成图片,前端调用接口方式保存。
1、微信小程序获取地理位置授权,首先需要在app.json中添加配置:
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序定位,以便更好体验功能"
}
}
微信小程序开发过程中,我们在版本更新迭代后,微信小程序客户端并不能触发自动更新,需要用户手动清理小程序后重新搜索进入后才能获取到最新的小程序版本,但是这个是用户所不能感知到的操作,也很麻烦,故需要提醒用户如何去获取到最新的版本,我们只需要在微信小程序app.js文件中编写以下代码即可;