微信小程序
草鞋船
这个作者很懒,什么都没留下…
展开
-
小程序解决rich-text图片无法点击放大,无法播放视频问题:parser
小程序富文本插件 https://github.com/jin-yufeng/Parser下载在小程序中自定义组件,然后在需要的页面中引入即可第一步:自定义组件第二步:在文章页面引入自定义组件注意:要给图片替换样式,否则图片会超出屏幕宽度,(对请求回来的数据操作)var article = res2.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:blo..原创 2020-05-27 10:41:36 · 1615 阅读 · 0 评论 -
小程序聊天对话,每次都显示最新消息(让页面自动滚动到底部)
//页面自动滚动到底部 pageScrollToBottom:function(){ wx.createSelectorQuery().select('#scrollpage').boundingClientRect(function(rect){ // console.log(rect.height); wx.pageScrollTo({ scrollTop: rect.height, .原创 2020-05-13 10:42:08 · 3701 阅读 · 1 评论 -
小程序跳转页面保存radio或checkbox的选择状态
(如果radio或者checkbox在当前页面操作的话就不会存在状态不一致的问题,但是放在同一个页面就会导致想关闭弹框的时候不能用navigateBack()的效果来关------表达有点乱,看不懂就算了,总之现在变成了A、B两个页面)先说radio的:主要是利用页面跳转传值 和 修改页面栈来实现的(应该也是可以和checkbox用本地缓存来实现的,但是我已开始就这个了,所以没有改)...原创 2020-04-11 16:54:37 · 1641 阅读 · 0 评论 -
小程序实现tab标签页,并且每个标签页独立实现加载更多(上拉触底)
原理:如果是普通页面的上拉触底事件可用小程序提供的:onReachBottom函数;但现在是tab页,每个页面要独立进行滚动加载,这里用到了scroll-view的bindscrolltolower函数;注意:有些童鞋自己写完之后bindscrolltolower不起作用,要注意几个点:scroll-view的高度设置没有设置,或者直接设置成100%,没有设置scroll-y="tr...原创 2020-03-30 10:54:47 · 2022 阅读 · 3 评论 -
小程序某标签滚动到某个位置时,固定在页面顶部
效果:我不知怎么上传视频效果。。。方式一:用于要固定的元素前面的内容高度无法确定的情况下js:代码说明:这里选的指定元素不是导航栏本身,而是导航栏下面可滚动的内容,因为如果选择导航栏的话,它固定到顶部之后就无法恢复(因为它无法滑动,top值无法改变)。//监听页面滚动 onPageScroll:function(e){ //获取指定元素距离页面顶部的距离...原创 2020-02-29 13:02:55 · 3297 阅读 · 2 评论 -
小程序使用阿里图标
阿里图标链接:https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.21)将需要的图标添加至项目(过程这里不在赘述,自己点击链接进去捯饬一下就会了);2)复制图标项目css文件到小程序wxss文件中(详看截图);3)在小程序中使用阿里图标:...原创 2020-01-11 10:05:00 · 197 阅读 · 0 评论 -
小程序省市区选择功能
如果想看把省市区选择封装在自定义组件中的,请看:https://mp.csdn.net/postedit/103914817这里就不放效果图了,详情请看上面的链接。wxml代码:<view class="address"> <view class="address-left">地区:</view> <view bindtap="sho...原创 2020-01-09 21:04:19 · 1411 阅读 · 0 评论 -
小程序自定义省市区选择组件,实现组件间通信
如果想看不是自定义组件的,而是在页面中直接写省市区选择的:https://mp.csdn.net/postedit?not_checkout=1包含知识点:1)如何自定义组件并调用(这里只是基本的知识,更多功能请自行查看官方文档)2)省市区选择功能(也可以叫三级联动?)(详看自定义组件的JS代码)3)自定义组件调用页面方法4)自定义组件传值给页面效果图:...原创 2020-01-09 20:54:15 · 1020 阅读 · 0 评论