现在小程序商城越来越多，通常的商城中，商品展示都是那种常规的两列规则展示，但是现在越来越多的应用开始采用瀑布流的方式来展示商品，商品的图片高度不定，商品根据图片容器大小，自由排列，依次下排。今儿，小圣贤君就为大家讲解一下，如何在小程序中实现瀑布流形式展示商品。一般页面中商品会显示两列，通过接口拿到数据后，判断现有的两列...

微信小程序动态显示项目倒计时wxml代码：<p><blockwx:if="{{total_micro_second<=0}}">剩余时间：已经截止</block><blockwx:if="{{clock!='已经截止'}}">剩余时间：{{clock}}</b...

navigationBarBackgroundColor，导航背景颜色显示只支持3位十六进制颜色码方式的显示，不支持颜色英文单词的显示。...

微信小程序的的view背景可以通过本地和网络两种方式：网络：background-image:url('http://www.51dev.com//FileUpload/news/202003/20200303004914689.jpg');本地：background-image:url('../../imgs/kej...

今天碰见个感觉很奇怪的问题修改了button的很多样式就是得不到自己想要的效果比如 我想他能够跟普通text一样显示文字，但是button有自己的border自己的背景并且默认还是文字居中显示，调了半天都没有试出来，最重要的是在小程序官方文档的组件中也没有提供button的默认css样式，从显示上能断定是使用...

前言：之前使用 setData ,一直都是作为给变量赋值，感觉比起vue给data中的变量的赋值还是有点麻烦的。最近项目不太紧张，为了提高小程序的开发效率及提升小程序开发的能力，又重新的通读了下小程序的开发文档。发现 setData 还有一个非必填的参数callback&mdas...

一.小知识二.例子1.wxml<viewclass="container"><viewwx:for="{{imgalist}}"wx:for-item="image"class="previewimg"><imagesrc="{{image}}"data-src="{{image}}"bi...

为了熟练掌握微信小程序开发的一些基本技巧，熟悉微信小程序开发流程，特此，运用所学知识，做了一个个人简历小程序。效果图如下：代码如下：①　index.jsconstapp=getApp()Page({data:{userInfo:{},hasUserInfo:false,canIUse:wx.canIUse('butto...

//http.js:constapp=getApp()//constPromise=require('./es6-promise.js')//兼容低版本微信，现在可能用不上了consthttp=(url,data)=>{returnnewPromise(function(resolve,reject){wx.re...

用wx.login获取登录凭证code<!--pages/user/index.wxml--><viewhidden='{{boolean}}'><viewwx:if="{{isLogin==1}}"><!--个人信息--><viewclass='infomatio...

小程序的客服系统，是微信做的非常成功的一个功能，开发者可以很方便的通过一行代码，就可实现客服功能。1.普通客服按钮添加<buttonopen-type='contact'session-from=''>客服-联系我们</button>2.悬浮客服按钮添加，图片自定...

把app.json里“style”:“v2”删除，再设置就可以了。...