想飞的猪的博客

wxml<view class="container"> <view class="btn" bindtap="tap" bindtouchstart="touchStart" bindtouchend="touchEnd"> 单击 </view> <view class="btn" bindtap="doubleTap" bindtouchstart="touchStart" bindtouchend="touchEnd">

这个原理很简单，平时也可以能比较常见//封装方法：back(config) {let prevPageData = config.prevPageDatalet delta = config.delta || 1if (prevPageData) {let pages = getCurrentPages()console.log(pages)let prevPa...

1.这个也是一个组件，不过在这个组件上做了一些处理，日期选择下面直接上码，有需求的可以直接现用，index.jsPage({ /** * 页面的初始数据 */ data: { activeType: "rounded", year: new Date().getFullYear(), month: new Date().getMo...

之前做过一个微信小程序密码输入框的问题，这里突然想起一个组件，感觉这个也挺常用的，所以特在此记录下，方便使用这个是github地址：https://link.jianshu.com/?t=https%3A%2F%2Fgithub.com%2Fevan2020%2Fsix-Input-box在这里我就举个自己使用的例子，下面的是样式；具体代码还是看github上的，里面的源码可以现用...

因为是在github上下载的项目，就没有去看调试基本库，回调进不去的原因就是调试基本库太低，

一、官方文档https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html -----页面配置中avigationStyle导航栏样式，仅支持 default/custom。custom 模式可自定义导航栏，只保留右上角胶囊状的按钮)。在app.json window增加na...

一、根据UI在海报中画不同的图片形状的路径，这中用css很简单，用canvas画的话就要了解canvas中的几个方法，效果图：代码如下：Page({canvasIdErrorCallback(e) {console.error(e.detail.errMsg)},onReady(e) {// 使用 wx.createContext 获取绘图上下...

一、canvas 绘图方法及安卓手机出现绘图不准解决方案 原因：微信 canvas 绘制也是一个异步函数，即ctx.draw()是异步操作，在 ctx.draw() 后面直接获取 canvasToTempPath 是不能获取到 canvas 的具体内容的。所以ctx.draw(false,function(){// 当 canvas 绘制完成之后，调用，可以生成临时路径，并且获取完整的图片，...

里面有注释，这个就不详细说了，把对应的的图片路径换掉，就可以完成运行了index.js在这里有一个问题，所以在ctx.draw里面设置了一个定时器，因为官方文档说在ctx.draw回调中会绘制完成，但是有时去生成图片保存本地的时候，内容还没有绘制完成，导致生成图片失败，所以在这里加了一个定时器，让他绘制完成后再去生成图片去保存，不知道是不是我理解错误，还是本来就有这中情况，有知道的请告知...

在我看来这个主要是样式，相当于自己重新写一个switch样式，下面直接看源码目录结构switch.wxml&lt;view class="switch"&gt; &lt;view class="container"&gt; &lt;text class="title"&gt;自定义switch&lt;/text&gt; &lt;view c

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html     微信小程序官方API说明：调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。 调用 code2Session 接口，换取 用户唯一标识 OpenID 和 会话密钥 session_k...

昨天弄一个微信倒计时;遇到了这个为题，调试了才找到问题的所在，然后在网上找了资料才知道这个问题的原因，来是因为IOS系统不支持2018-08-30这样的格式的时间导致的，let olddata ='2018-08-30 11:00:00';let mydata=new Date(olddata);console.log(mydata);let newdata=mydata.get...

对于没有使用过的请到官网先了解下https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/index.html?search-key=wxs也可以去https://www.w3cschool.cn/weixinapp/weixinapp-nvg32czm.htmlwxs 不依赖于运行时的基础库版本，可以在所有...

使用 bindscrolltolower ，必须搭配使用的 scroll-view 会导致小程序 "enablePullDownRefresh": true 下拉不能使用。解决方法，就是当两者同时存在时，改 scroll-view 为 view ，改 bindscrolltolower 为 onReachBottom 函数。这样在上拉加载，跟下拉刷新同时存在的时候， "enablePull...

具体直接看代码wxml:&lt;view&gt;&lt;button bindtap='showTalks'&gt;查看评论&lt;/button&gt;&lt;/view&gt;&lt;!-- 整个评论区 --&gt;&lt;view class='talks-layer' animation='{{talksAnimationData}}'&gt;&lt;!-...

在微信小程序中，轮播图上的小圆点默认样式为黑灰色，这在视觉体验上不是很惊艳眼球，有时达不到我们的需求。所以在这里讲几种改变swiper小圆点默认样式改变的几种方法1.采用官方提供的swiper属性(indicator-color与indicator-active-color)进行改变，这里有官方文档的地址：https://developers.weixin.qq.com/minipro...

解析都在代码里面，先看看效果1.index.html&lt;view class="goodsdetialtwo"&gt; &lt;view class='guige' bindtap='guigeselect'&gt; &lt;view style='color:#676767;'&gt;规格：&lt;/view&gt; &lt;view style='widt...

1.微信小程序：效果图：先看代码，用一个组件写好星星组件，然后调用即可rating.wxml&lt;view class='itembox'&gt; &lt;view wx:for="{{imgs}}" wx:key="{{item.id}}" bindtap='select' data-index="{{item.id}}"&gt; &lt;image cl...

首先来看看效果图通过动态控制图片偏移量来实现效果（transform:translateX）;此案例相对简单，这里就不详细说了直接看代码index.wxml&lt;view class='index'&gt;&lt;view wx:for="{{images}}" wx:key style='transform:translateX({{-index*30}}rpx)'&...

公用组件&lt;!--component/common.wxml--&gt;&lt;view class='friendlist' bindtap='onTap' bindtouchstart='touchebegin' bindtouchmove='touchemove' style='{{showDel?" transform: translateX(-100rpx);":""}}'...