![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
zhongjunyao
这个作者很懒,什么都没留下…
展开
-
小程序 input 和 textarea 软键盘与输入框的距离,及其特殊属性
微信小程序中 input 和 textarea 都有属性cursor-spacing,可以设置键盘与输入光标的距离,单位px,此外列出input和textarea的特殊属性 cursor-spacing number 0 否 指定光标与键盘的距离。取textarea距离底部的距离和cursor-spa...原创 2019-10-21 17:52:56 · 3269 阅读 · 0 评论 -
微信小程序——自定义tabbar组件
项目github地址:https://github.com/zhongjunyao/comp-tabbar.git核心代码:app.js//app.jsApp({ onLaunch: function () { }, globalData: { userInfo: null, tabbar: { color: "#A5A5A5", ...原创 2018-12-23 21:22:50 · 6800 阅读 · 4 评论 -
控制指定的页面刷新
当我们在某个页面进行操作之后,我们希望指定的那个页面能刷新,以小程序为例子我们需要设置一个全局的变量,作为刷新的列表,存储指定刷新的页面的路由,然后定义两个全局的函数,setReflash和execReflash;setReflash将当前页面的上一頁的路由或者指定的多个路由添加到刷新列表中:// 设置返回上一页要刷新提示// callback function 要回调执行的函数//...原创 2018-11-11 14:07:37 · 4331 阅读 · 0 评论 -
字体图标的使用
在开发中我们经常会使用各种图标,为了节省资源,你可能不会自己设计自己需要的图标,这时候你可已通过http://www.iconfont.cn/这个网站来获取自己需要的图标,在开发过程中,我们会使用在线图标链接,易于增加所需图标或者删除多余的图标或者你可以直接下载代码下载的代码包含Unicode,Font class ,Symbol,三种引用方式的示例,我们使用Font class,...原创 2018-11-11 11:17:40 · 14783 阅读 · 1 评论 -
微信小程序——Feed流图片布局解决方案
三种Feed流中的图片布局:宫格式布局、拼图式布局、瀑布流式布局。一、宫格式布局宫格式布局也就是九宫格布局,多用在社交类的APP中,九宫格图片不仅能放进去很多内容,同时也能很好地引起网友的关注。 从上面案列可以看出:宫格式图片布局大多用于社交发布动态的Feed流中,虽然他们都采用宫格式的布局,不过当发布的是一张图片,其呈现的状态还是有所差异。以微信朋友圈为例:...转载 2018-11-05 22:23:32 · 8782 阅读 · 0 评论 -
微信小程序——switch组件设置大小
附上switch组件的文档地址 https://developers.weixin.qq.com/miniprogram/dev/component/switch.html如上图,官方文档没有给出如何修改switch组件大小的值,只给出修改颜色的值,接下来就让我们来解决修改switch大小的问题,css中有个zoom属性,我们可以给zoom的值设置为zoom:.6;结果如下:...原创 2018-11-03 21:44:54 · 15826 阅读 · 0 评论 -
微信小程序——图片懒加载及其兼容方式
一、WXML节点布局相交状态(通过微信的API实现懒加载)节点布局相交状态 API 可用于监听两个或多个组件节点在布局位置上的相交状态。这一组API常常可以用于推断某些节点是否可以被用户看见、有多大比例可以被用户看见。节点布局相交状态 API中有一个 wx.createIntersectionObserver(Object this, Object options) Api (支持版本 &...原创 2018-09-16 19:35:13 · 8933 阅读 · 1 评论 -
微信小程序——页面与组件,组件与组件,组件与模版间的数据传递
最近在微信小程序开发中使用到自定义组件Components 1 组件传递内容给页面给组件设置compclick事件,通过this.triggerEvent('compclick', data) 触发该compclick事件并传递内容data,在页面用onCompClick事件监听传递过来的数据。 组件wxml<view class="comp-a" bindtap="...原创 2019-01-28 22:25:07 · 4462 阅读 · 0 评论 -
微信小程序——带参返回上一页几种方法
方法一 把当前页面数据放入本地缓存( wx.setStorage(wx.setStorageSync),上一个页面再从缓存中取出(wx.getStorage(wx.getStorageSync))同时退出登录时要清除缓存(wx.clearStorage(wx.clearStorageSync))。方法二1. 在当前页设置上一页的data,例如var pages = getCurr...转载 2018-08-06 11:29:03 · 38410 阅读 · 0 评论 -
微信小程序开发踩坑之路--2 事件穿透
很久没更新博客了,最近实在是忙~疲惫的分割线~ (=_=) "今天要说的是一个小程序踩坑的事 —— 触摸滚动事件的穿透,相信很多用过模态(Modal)弹窗之类的同学都知道,一般会让底部的内容不可操作;而我遇到的问题是底部的内容是可滚动的,而出现的弹窗也是可滚动的,但是,当你在弹窗中滚动到尽头,再次继续滚动,滚动事件就会穿透到 modal 下面的内容,让内容滚动,这种情况下如何解决滚动事件的穿透...原创 2018-07-24 22:46:28 · 12385 阅读 · 0 评论 -
微信小程序开发踩坑之路--1
使用wx.getRecorderManager()录制的音频,在小程序中不能用wx.getBackgroundAudioManager()来播放,我们来看一下原因:这是开发者工具给出的解释。开发者工具上的录音文件与移动端格式不同,暂时只可在工具上进行播放调试,无法直接播放或者在客户端上播放开发者工具上的录音文件src: http://store/wx80722...ionTime=...原创 2018-06-19 14:51:17 · 3416 阅读 · 2 评论