Shopping:微信小程序购物商城

时间:2024-05-28 11:37:52
【文件属性】:

文件名称:Shopping:微信小程序购物商城

文件大小:3.24MB

文件格式:ZIP

更新时间:2024-05-28 11:37:52

JavaScript

购物商场 ​ 介绍:这个购物商场包括了首页,分类页,搜索页,商品详情页,购物车页,结算页,个人页,地址管理页。1 ​ 总结:①接口中有html结构的,不能渲染到页面上,这里我使用了一个插件wxParse,它可以在微信开发者工具中模拟出来,可是很坑的一点是,它在手机端显示会有些许不正常,所以这里尽量对返回的数据进行处理,标签换成wxml能解析的标签。 ​ ②做商品加减以及总价计算时,让商品在购物车页面正常的显示,这里涉及到数组的深浅拷贝,以及storage的各种处理。 ​ ③把有共同功能的抽取出来形成组件,这样代码可以更简洁,这里涉及到父子组件传值,父组件传值.sync,子组件 twoWay设置为true。 ​ ④遇到bug一定要有耐心,一步步分析。 ​ 页面展示如下: ​ (1)首页 ​ 这个页面有搜索,轮播图,以及各种数据展示,右下角还有一个回到顶部。搜索框我把代码提取出来形成了一个组件


【文件预览】:
Shopping-master
----project.config.json(637B)
----src()
--------app.wpy(2KB)
--------style()
--------pages()
--------components()
--------programImage()
--------image()
--------api()
--------wxParse()
--------icon()
----tabBar.md(3KB)
----.wepycache(837B)
----programImage()
--------选择位置.png(66KB)
--------地址.png(9KB)
--------首页-顶部.png(177KB)
--------价格.png(94KB)
--------搜索.png(12KB)
--------详情-规则参数.png(91KB)
--------tabbar.png(5KB)
--------详情-图文介绍.png(169KB)
--------购物车-删除商品.png(56KB)
--------分类.png(58KB)
--------商品详情.png(99KB)
--------支付.png(41KB)
--------销量.png(93KB)
--------搜索内容.png(78KB)
--------首页.png(173KB)
--------我的.png(34KB)
--------购物车.png(74KB)
--------购物车-空.png(14KB)
--------订单.png(61KB)
--------价格升序.png(57KB)
----.wepyignore(46B)
----.prettierrc(42B)
----README.md(6KB)
----.editorconfig(147B)
----.gitignore(28B)
----readme.txt(0B)
----wepy.config.js(1KB)
----package-lock.json(62KB)
----package.json(882B)

网友评论