在小程序中，如果页面中有多张图片，那么用户可能会习惯向在朋友圈中一样打开图片，这里微信也提供了类似的api，可以直接拿来实现这个效果。
小程序图片点击全屏.gif
wxml:
<view> <block wx:for="{{arrImg}}" wx:key="{{key}}"> <image src="{{item}}" bindtap='previewimg...
参考小程序iPhone X 视适配
在开发小程序时，可能需要适配iphone x 的时候，你会发现底部的横线会出现遮挡，这时候就要处理下：
在app.js中添加一个检测当前设备是否是iPhoneX的变量：
globalData: { userInfo: null, isIphoneX: false//判断是否是iPhoneX }, onShow: function() { var that = t...
js函数代码
data:{
goodsList:[],
}
updateGoodList:function(e){
let id = e.currentTarget.dataset.id // 获取传入的id
let index = e.currentTarget.dataset.index // 获取数据的索引
let temp = 'goodsList[' + index +'].num' // 获取goodsList[index].num **这是重点**
this.setD...
小程序图片点击全屏.gif
话不多说 上代码。wxml:
<view class="page"> <button bindtap="showMask"> 弹出 </button> <view catchtouchmove="preventTouchMove" class="alert-mask" wx:if="{{showModal}}"></view> <view class="modalDlg" wx:if="{{showModal}}">...
彻底清除小程序按钮的默认样式
wxml：
<button hover-class="none"></button>
wxss：
button{ line-height: 1; margin:0;}button::after{ border:none;}input{ outline:none; border:none; list-style: none;}
文章转载于:https://www.jianshu.com/p/a2d03b8ccf52
原著是一个有趣的人,若有...
新的设计图是按两列瀑布流排版的，类似于花瓣网那种。看到设计图后就在网上找，如何在小程序简单的实现，后来找到了一个特别简单的方法，就是利用wx:if和数组的下标对2取余来判断是排在左列还是排在右列，话不多说看图上代码：
b878d9ea6545b27469595a8d88951bb.png
wxml:
<view class='footlist'>...
问题一
报错信息
TypeError: Cannot read property '$$' of undefined at HTMLElement._attached.wx.getPlatform._touchstartHandlerForDevtools
解决方法：因为小程序会保留上一次滑动swiper时候的current，所以会出现上次滑动到的current在这次的数据中不存在问题，所以，每次动态加载swiper-item前，需...
因为业务需要，每个http请求都要加上一个请求头，所以每次都要写很多重复的代码。
现在尝试把wx.request简单的封装了一下，调用一个request方法，每次请求自动携带header头信息，这样就省事多了，包含了常见的get post put delete 四种请求方法，支持Promise方式调用。
封装代码
class request { constructor...
因为业务需要在小程序里加上很多的弹窗，就想写一个组件来实现；
创建组件
新建文件夹component专门放组件，
新建popup页面，在popup.json中设置：
{ "component": true}
表明它是一个组件，我们称之为“子组件”
注意：在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。（只使用class）
如何使...
微信小程序开中，遇到gif图执行一次的需要，经过多方，之后通过以下方式实现
问题描述：加载本地gif时，就算image重新渲染了，gif也会保持在终点的状态，不会重新播放
解决方案：把本地gif的路径换成线上的，然后在最后加上时间戳即可解决
方案缺陷：可能会造成卡顿，但目前尚未找到更好的解决方案
——————————...