全部资源
全部资源
C/C++
C#
PHP
Java
Python
VB
ASP
Html/CSS
Matlab
JavaScript
数据库
模板
其他

微信小程序支付完整代码

收藏(0)
  • 大小: 0.19M
    文件类型: .rar
    金币: 2
    下载: 1 次
    发布日期: 2021-01-29
  • 语言: PHP
  • 标签: 微信  小程序  
高速下载

资源简介

设计思路：

一、从网络上传入以下Json数据格式的数组
1.购物车id：cid
2.标题title
3.数量num
4.图片地址
5.价格price
6.小计
7.是否选中selected

二、点击复选框toggle操作
如已经选中的，经点击变成未选中，反之而反之
点击依据index作为标识，而不用cid，方便遍历

三、全选操作
首次点击即为全部选中，再次点击为全不选，全选按钮本身也跟随toggle变换

四、点击结算按钮，将已选中的cid数组取出，以供通过网络提交到服务端，这里给个toast作为结果演示。

五、利用stepper作加减运算，同样依据index作为标识，点完写回num值。

六、布局，全选与结算按钮底部对齐，购物车商城自适应高度，类似于Android的weight。

步骤：

1. 初始数据渲染

1.1 布局与样式表

上方是一个商品列表，下方是一个全选按钮与立即结算按钮

商品列表左部为商品缩略图，右上为商品标题，右下为商品价格与数量，其中商品数量使用WXStepper来实现加减操作

资源截图

小图 大图

代码片段和文件信息

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----

    .......       423  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\.gitignore

    .......      1907  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\app.js

    .......      1527  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\app.json

    .......         0  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\app.wxss

    .......      3761  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\favor.png

    .......      4039  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_address.png

    .......      1274  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_all.png

    .......      3876  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_cart.png

    .......      3874  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_cart_selected.png

    .......      3183  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_cate.png

    .......      3187  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_cate_selected.png

    .......      3122  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_delete.png

    .......      3150  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_edit.png

    .......      3787  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_favor.png

    .......      3677  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_home.png

    .......      3677  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_home_selected.png

    .......      4133  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_member.png

    .......      4135  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_member_selected.png

    .......      3309  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_order.png

    .......      1603  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\images\icon_shopping.png

    .......      8599  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\address\add\add.js

    .......      3956  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\address\add\add.wxml

    .......      1497  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\address\add\add.wxss

    .......       362  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\address\list\list.js

    .......       724  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\address\list\list.wxml

    .......       621  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\address\list\list.wxss

    .......      4542  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\cart\cart.js

    .......      1502  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\cart\cart.wxml

    .......      2308  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\cart\cart.wxss

    .......      2351  2017-01-05 11:25  dotton-lendoo-wx-master\lendoo-wx\pages\category\category.js

............此处省略54个文件信息

评论

共有 条评论

相关资源