
微信小程序
想要飞翔的小猪
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序单击、双击、长按
wxml<view class="container"> <view class="btn" bindtap="tap" bindtouchstart="touchStart" bindtouchend="touchEnd"> 单击 </view> <view class="btn" bindtap="doubleTap" bindtouchstart="touchStart" bindtouchend="touchEnd">原创 2021-01-07 15:48:44 · 1128 阅读 · 0 评论 -
微信小程序封装wx.navigateBack()方法,控制是否刷新
这个原理很简单,平时也可以能比较常见//封装方法:back(config) {let prevPageData = config.prevPageDatalet delta = config.delta || 1if (prevPageData) {let pages = getCurrentPages()console.log(pages)let prevPa...原创 2020-04-02 11:59:27 · 1029 阅读 · 0 评论 -
微信小程序日历选择
1.这个也是一个组件,不过在这个组件上做了一些处理,日期选择下面直接上码,有需求的可以直接现用,index.jsPage({ /** * 页面的初始数据 */ data: { activeType: "rounded", year: new Date().getFullYear(), month: new Date().getMo...原创 2020-01-20 18:04:00 · 2014 阅读 · 0 评论 -
微信小程序6位支付密码输入框
之前做过一个微信小程序密码输入框的问题,这里突然想起一个组件,感觉这个也挺常用的,所以特在此记录下,方便使用这个是github地址:https://link.jianshu.com/?t=https%3A%2F%2Fgithub.com%2Fevan2020%2Fsix-Input-box在这里我就举个自己使用的例子,下面的是样式;具体代码还是看github上的,里面的源码可以现用...原创 2020-01-20 17:36:55 · 3165 阅读 · 1 评论 -
微信小程序canvas中draw回调进不去的原因
因为是在github上下载的项目,就没有去看调试基本库,回调进不去的原因就是调试基本库太低,原创 2019-04-09 15:07:39 · 5018 阅读 · 0 评论 -
微信小程序自定义头部(navigationStyle)及手机适配
一、官方文档https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html -----页面配置中avigationStyle导航栏样式,仅支持 default/custom。custom 模式可自定义导航栏,只保留右上角胶囊状的按钮)。在app.json window增加na...原创 2019-04-12 17:53:38 · 11063 阅读 · 1 评论 -
微信小程序使用canvas画不规则图形
一、根据UI在海报中画不同的图片形状的路径,这中用css很简单,用canvas画的话就要了解canvas中的几个方法,效果图:代码如下:Page({canvasIdErrorCallback(e) {console.error(e.detail.errMsg)},onReady(e) {// 使用 wx.createContext 获取绘图上下...原创 2019-04-16 15:10:52 · 3308 阅读 · 0 评论 -
微信小程序canvas 绘图方法,生成图片,下载图片所遇到的bug(跟canvas相关的bug)
一、canvas 绘图方法及安卓手机出现绘图不准解决方案 原因:微信 canvas 绘制也是一个异步函数,即ctx.draw()是异步操作,在 ctx.draw() 后面直接获取 canvasToTempPath 是不能获取到 canvas 的具体内容的。所以ctx.draw(false,function(){// 当 canvas 绘制完成之后,调用,可以生成临时路径,并且获取完整的图片,...原创 2019-04-15 12:07:17 · 2133 阅读 · 1 评论 -
微信小程序生成海报下载到本地手机本地
里面有注释,这个就不详细说了,把对应的的图片路径换掉,就可以完成运行了index.js在这里有一个问题,所以在ctx.draw里面设置了一个定时器,因为官方文档说在ctx.draw回调中会绘制完成,但是有时去生成图片保存本地的时候,内容还没有绘制完成,导致生成图片失败,所以在这里加了一个定时器,让他绘制完成后再去生成图片去保存,不知道是不是我理解错误,还是本来就有这中情况,有知道的请告知...原创 2019-05-15 14:53:49 · 967 阅读 · 0 评论 -
微信小程序,自定义switch组件
在我看来这个主要是样式,相当于自己重新写一个switch样式,下面直接看源码目录结构switch.wxml<view class="switch"> <view class="container"> <text class="title">自定义switch</text> <view c原创 2018-12-28 16:56:53 · 2609 阅读 · 0 评论 -
微信小程序授权登录流程
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html 微信小程序官方API说明:调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。 调用 code2Session 接口,换取 用户唯一标识 OpenID 和 会话密钥 session_k...原创 2018-12-03 23:06:34 · 44585 阅读 · 6 评论 -
解决微信小程序中new Date()转换时间时间格式时IOS不兼容的问题
昨天弄一个微信倒计时;遇到了这个为题,调试了才找到问题的所在,然后在网上找了资料才知道这个问题的原因,来是因为IOS系统不支持2018-08-30这样的格式的时间导致的,let olddata ='2018-08-30 11:00:00';let mydata=new Date(olddata);console.log(mydata);let newdata=mydata.get...原创 2018-08-31 13:55:30 · 23952 阅读 · 4 评论 -
微信小程序 wxs介绍和使用
对于没有使用过的请到官网先了解下https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/index.html?search-key=wxs也可以去https://www.w3cschool.cn/weixinapp/weixinapp-nvg32czm.htmlwxs 不依赖于运行时的基础库版本,可以在所有...原创 2018-08-28 18:36:44 · 6190 阅读 · 0 评论 -
小程序上拉下拉共存时不可使用scroll-view的解决方法
使用 bindscrolltolower ,必须搭配使用的 scroll-view 会导致小程序 "enablePullDownRefresh": true 下拉不能使用。解决方法,就是当两者同时存在时,改 scroll-view 为 view ,改 bindscrolltolower 为 onReachBottom 函数。这样在上拉加载,跟下拉刷新同时存在的时候, "enablePull...转载 2018-08-21 21:40:31 · 1157 阅读 · 0 评论 -
微信小程序评论功能的实现(用的是假数据)
具体直接看代码wxml:<view><button bindtap='showTalks'>查看评论</button></view><!-- 整个评论区 --><view class='talks-layer' animation='{{talksAnimationData}}'><!-...原创 2018-09-01 11:59:31 · 8270 阅读 · 4 评论 -
微信小程序swiper小圆点默认样式改变的几种方法
在微信小程序中,轮播图上的小圆点默认样式为黑灰色,这在视觉体验上不是很惊艳眼球,有时达不到我们的需求。所以在这里讲几种改变swiper小圆点默认样式改变的几种方法1.采用官方提供的swiper属性(indicator-color与indicator-active-color)进行改变,这里有官方文档的地址:https://developers.weixin.qq.com/minipro...原创 2018-10-25 10:09:19 · 17074 阅读 · 0 评论 -
微信小程序多规格选择
解析都在代码里面,先看看效果1.index.html<view class="goodsdetialtwo"> <view class='guige' bindtap='guigeselect'> <view style='color:#676767;'>规格:</view> <view style='widt...原创 2018-10-31 18:31:08 · 7921 阅读 · 3 评论 -
微信小程序星星评分组件
1.微信小程序:效果图:先看代码,用一个组件写好星星组件,然后调用即可rating.wxml<view class='itembox'> <view wx:for="{{imgs}}" wx:key="{{item.id}}" bindtap='select' data-index="{{item.id}}"> <image cl...原创 2018-11-12 21:52:22 · 7827 阅读 · 5 评论 -
微信小程序头像叠加循环渲染
首先来看看效果图通过动态控制图片偏移量来实现效果(transform:translateX);此案例相对简单,这里就不详细说了直接看代码index.wxml<view class='index'><view wx:for="{{images}}" wx:key style='transform:translateX({{-index*30}}rpx)'&...原创 2018-11-05 21:48:04 · 5027 阅读 · 11 评论 -
手机通讯录的实现
公用组件<!--component/common.wxml--><view class='friendlist' bindtap='onTap' bindtouchstart='touchebegin' bindtouchmove='touchemove' style='{{showDel?" transform: translateX(-100rpx);":""}}'...原创 2018-06-25 18:48:27 · 15847 阅读 · 0 评论