首页

投稿

uni-pay支付商城项目开发，uniapp及uniCloud云开发进阶课，自建微信小程序购物商店项目实战『布局篇』

4.5万

2303

2023-05-28 13:10:09

未经作者授权，禁止转载

纯前端实现H5、小程序、APP商城开发；技术栈：uniapp+uniCloud+unipay+uni-ui+uView+vuex；学完可开发定制化商城，web前端技术再进阶一大步；所有资料及源码都在评论第一条置顶。

在线商城开发

vuex状态管理

微信小程序开发

咸虾米_ 发消息

分享程序开发与设计，简单学知识~~

1.1.uni-pay商城项目开发项目介绍及知识模块概述

09:56

1.2.学习uniPay的前置知识储备

04:10

2.1.创建项目及引入uView和uni扩展UI组件库

11:15

2.2.对主体页面布局分析及自定义组件拆分

15:34

2.3.scss扩展@mixin混合指令及css变量的定义

14:40

2.4.scroll-view区域滚动组件布局

12:57

2.5.产品列表for循环嵌套及sticky吸顶组件

12:40

2.6.布局产品组件scss混合多行文字省略号函数

14:35

2.7.uView组件库NumberBox步进器的自定义slot

10:15

2.8.通过createSelectorQuery查询滚动元素节点信息

14:50

2.9.开启导航防抖以及左右滑块的联动

14:43

2.10.布局购物车组件

14:52

2.11.自定义购物车弹窗及Overlay遮罩层

10:15

2.12.封装购物车单个卡片component

14:18

2.13.封装步进器组件达到组件可复用效果

11:47

2.14.内置css变量status-bar-height设置状态栏高度

05:55

2.15.SystemInfo获取系统状态栏信息及胶囊按钮

12:40

2.16.设置自定义头部组件品牌信息的结构布局

21:18

2.17.计算属性获取自定义头部的高度

05:17

2.18.滑动滚动条动态改变自定义子组件的信息

12:30

2.19.完全实现custom自定义头部的动态样式

12:05

3.1.vuex状态管理在项目中的作用及介绍知识点

18:39

3.2.为项目封装modules和getters

15:41

3.3.在vuex中编写系统信息的业务逻辑

14:51

3.4.vuex应用到项目中进行页面和组件的数据共享

08:35

3.5.mock测试数据渲染首页列表

10:53

3.6.修改步进器将数据追加到购物车中

14:28

3.7.统计购物车的总价及购买数量

13:33

3.8.完成购物车数据联动模块

13:47

4.1.布局订单页面

12:53

4.2.订单详情页面布局及组件分离

15:27

4.3.布局搜索页面引入u-search组件

11:47

4.4.读写Storage缓存将搜索记录持久化

06:06

4.5.确认订单页面的布局

14:23

4.6.filter滤镜还能这样用

11:09

4.7.简化创建配送方式自定义组件模块

11:30

4.8.创建地址列表页面的布局

14:00

4.9.u-form表单创建与api校验

15:28

4.10.兼容微信小程序bug及ifdef条件编译

13:37

4.11.支付方式循环遍历的优化方案

03:50

5.1.subPackages小程序分包加载配置

10:57

5.2.uniapp官方扩展UI组件库布局后台首页

12:45

5.3.布局产品分类页面

09:21

5.4.关于分类数据的增删改查操作

12:57

5.5.【布局篇完结】，后续篇_评论区

06:54

顶部