微信小程序

小程序开发之瀑布流布局

在实际开发中，有很多时候回用到瀑布流布局，应用场景最多的可能要属图片展示了。下面记录一下在小程序中如何实现瀑布流布局。（都是美女小姐姐的图片-_-）一、图片分列排列计算我们要实现一个固定排列成两列的布局，将图片动态加载进来，而加载的图片会根据图片的尺寸自动决定排左还是排右。/瀑布流//单张图片/.img_item{width:48%;marg

微信小程序 瀑布流布局 2019-12-22 23:10:53

小程序瀑布流组件

git仓库地址：https://github.com/kapeter/mpMasonry前段时间，接到一个需求，要在小程序中实现不定高度的瀑布流布局。我首先去万能的百度上搜索了一波，确实有很多方案，但都是固定高度的，这和需求不符。于是决定自己写一个，考虑到后面也会有类似的需求，干脆做成一个通用组件，方便使用。瀑布流是比较流行的一种网站页面布局，尤其在mobile端经常被用来展示信息流。

微信小程序 瀑布流布局 2019-12-22 23:10:52

WxMasonry微信小程序瀑布流布局模式

布局难？试试WxMasonry微信小程序瀑布流布局模式

微信小程序 瀑布流布局 2019-12-22 23:10:51

微信小程序实现瀑布流

CSS3多列实现column-count定义几列column-gap列间距wxml的布局viewclass=contentblockwx:for=&{{dataArray}}&wx:key=&&templateis=&item&data=&{{item}}&/t

微信小程序 瀑布流布局 2019-12-22 23:10:50

微信小程序中实现瀑布流布局和无限加载

瀑布流布局是一种比较流行的页面布局方式，最典型的就是Pinterest.com，每个卡片的高度不都一样，形成一种参差不齐的美感。在HTML5中，我们可以找到很多基于jQuery之类实现的瀑布流布局插件，轻松做出这样的布局形式。在微信小程序中，我们也可以做出这样的效果，不过由于小程序框架的一些特性，在实现思路上还是有一些差别的。今天我们就来看一下如何在小程序中去实现这种瀑布流布局：小

微信小程序 瀑布流布局 2019-12-22 23:10:49

微信小程序：6.一个input输入框

封了一个输入框的组件，大概的逻辑是：1.输入框监听input事件，confirm事件，当数据发生变化时，反馈给外界2.要带上一个删除图标的样式不是很麻烦，就直接吧代码贴上来viewclass=componentviewclass=inputboximageclass=imagesrc=../../ass

微信小程序 input输入框 2019-12-22 23:10:48

微信小程序async/await

下面只是做一些介绍以及使用的原因，详情介绍还请移步博主：https://www.cnblogs.com/SamWeb/p/8417940.htmlregenerator-runtime下载：https://www.npmjs.com/package/regenerator-runtime关于request的异步请求演示如下使用asyncawait同

微信小程序 awit 2019-12-22 23:10:47

微信小程序中使用async/await

在之前写了微信小程序中如何使用promise，其实使用promise的最终目的是要能使用async/await。同时要使用async/await也必须在promise的基础之上。1、下载regenerator库npmiregenerator或者点击下载：http://nodejs999.com/regenerator-runtime.rar然后将下载文件中的

微信小程序 awit 2019-12-22 23:10:46