商城微信小程序（二）——完成分类页面及商品列表页

vscode的easyless插件会自动生成indexwxss

主要是布局文件indexless的编写，注意less语法。

商品列表页功能：支持上拉加载更多，下拉刷新等

1，父组件（商品列表页）和子组件(Tabs组件)相互传递数据问题

2,上拉加载更多、下拉刷新实现的逻辑

首先看看官方提供的模态d窗

api如下：

示例：

这样的模态d窗，充其量只能做个alert，提示一下信息。

但是并不能使用它来处理复杂性的d窗业务，因此写了Michael从新自定义了一个，采用了仿原生的样式写法

wxml：

wxss：

js:

相关连接： >

近期研究小程序，碰到android上小程序无法加载问题。

小程序的后台我们配置了Nginx >

1、将scroll-view的scroll-y属性设置为false，这样可以禁用scroll-view的纵向滑动功能，避免滑动条出现。

2、在input组件绑定focus和blur事件，当input组件被聚焦时，将scroll-view组件滚动到输入框所在的位置，当input组件失去聚焦时，将scroll-top值设置为0，这样可以让页面回到最顶部。

在容器内向下滚动内容至底部的时候，偶尔会出现不触发bindscrolltolower事件，还是可以触发，但是必须先下滑再上拉才能触发

应该是因为安卓手机下拉滑动到底部时，系统监听到距离底部的距离通常大于50，所以不能触发相应的函数；而小程序默认下拉离底部50px时触发函数（ios没有这种情况）

可以通过官网给出的属性让他在滑动到底部之前执行加载

将lower-threshold设置成200

以上就是关于商城微信小程序（二）——完成分类页面及商品列表页全部的内容，包括:商城微信小程序（二）——完成分类页面及商品列表页、微信小程序之自定义模态d窗（带动画）实例、微信小程序无法加载-SSL配置修改等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！