2017年04月_michael_ouyang

08月 07月 06月 05月 04月 03月 02月 01月

原创微信小程序之购物车 —— 微信小程序实战商城系列（5）

续上一篇的文章：微信小程序之商品属性分类 —— 微信小程序实战商城系列（4）自从认识某人后，我收获了两个成功。登录成功、付款成功，而且还拥有了自己的一辆车：购物车也发现了自己的不足之处：余额不足。为大家介绍的就是购物车这里演示从商品列表中添加到购物车下面先做商品列表页。如下图：布局分析：首先一个list

2017-04-25 18:08:53 29463 12

原创微信小程序之商品属性分类 —— 微信小程序实战商城系列（4）

续上一篇的文章：微信小程序之购物数量加减 —— 微信小程序实战商城系列（3）所提及的购物数量的加减，现在说说商品属性值联动选择。为了让同学们有个直观的了解，到电商网截了一个图片，就是红圈所示的部分现在就为大家介绍这个小组件，在小程序中，该如何去写下图为本项目的图：wxml：商品属性值联动选择

2017-04-17 13:12:20 25771 3

原创微信小程序之购物数量加减 —— 微信小程序实战商城系列（3）

我们在购买宝贝的时候，购物的数量，经常是我们需要使用的，如下所示：在宝贝详情页里：在购物车里：现在就为大家介绍这个小组件，在小程序中，该如何去写下图为本项目的图：wxml： - +wxss：/*全局样式*/page { padding: 20px 0;}/*主容器*/.stepper {

2017-04-16 11:18:30 31224 13

原创微信小程序之仿淘宝分类入口 —— 微信小程序实战商城系列（2）

分类入口，已经成为了商城项目必须的布局之一，这里以仿照淘宝的分类入口来做案例下图红框部分，就是本文重点讲解部分，另外本文并没有写点击某个入口跳转页面。如需学习页面跳转的同学，可以参考此文微信小程序的页面跳转和参数传递 —— 微信小程序教程系列（6）页面分析：使用for循环遍历所有项，插入页面，页面中的项使用左浮动，并使用百分比布局，设置20%的宽度每一项。

2017-04-15 00:57:49 17833 3