![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自定义组件
专业前端小白
这个作者很懒,什么都没留下…
展开
-
微信小程序自定义组件---生成小程序分享海报分享到朋友圈
在开发微信小程序的过程中免不了要使用到分享功能,然而现在微信官方还没有开放小程序分享到朋友圈的功能,这时候我们只能使用其他方法分享到朋友圈了。效果图如下:组件文件:js文件:// components/rwj-poster/index.jsComponent({ /** * 组件的属性列表 */ properties: { }, /** ...原创 2020-01-14 11:01:30 · 2196 阅读 · 0 评论 -
微信小程序自定义组件---loading组件
在开发微信小程序的过程中,经常会使用到loading动画,微信自带的wx.showLoading()与wx.showToast()在使用上非常的方便,但是这个接口也是一个坑,在安卓真机上运行,经常会出现wx.hideLoading()无效的情况,结果就导致loading动画一直存在,看到微信官方说的是不在onShow和onLoad中调用,还有就是加个延时setTimeout,然而这两个我都试过了,...原创 2020-01-03 15:11:56 · 4627 阅读 · 3 评论 -
微信小程序自定义组件-自定义底部菜单栏(tabbar)
在做小程序开发的时候,客户给出一个底部菜单栏的效果图,要求中间的一个菜单呈圆形突出,也就是下面的效果:小程序的原生的tabbar是不行了,我就自己写了一个tabbar的组件。前言:目前还存在一些问题待完善,例如跳转未加载过的页面时闪烁的问题。配置:首先是开启自定义tabbar设置: app.json->"custom": true,这里为了方便我就直接在app.jso...原创 2019-12-12 11:03:18 · 4008 阅读 · 2 评论 -
微信小程序自定义组件---标签导航栏
闲着无聊,写一个标签式的导航栏,没有使用微信小程序的scroll-view,感觉这玩意儿有点诡异,添加了scroll-x=“true”,也加了样式父元素white-space:nowrap;子元素:display:inline-block;这item就是不滑动,雷打不动那种。没办法,只能舍弃掉它了,还好舍弃它也只是不能监听到滚动事件而已,这里也用不上监听滚动。在实现自定义组件的情况下,还去...原创 2019-11-29 15:15:27 · 1291 阅读 · 0 评论 -
微信小程序自定义组件---音频组件
最近客户要求,在原有的音频功能上改动,使用户能够拖动进度条进行控制音频进度。效果如下:下面是代码:父组件,wxml:<slider-audio audio-src="{{audioUrl}}"></slider-audio>父组件,json:"usingComponents": { "slider-audio": "../../com...原创 2019-11-28 17:03:25 · 2524 阅读 · 1 评论 -
微信小程序自定义组件开发---分页组件
刚开始搞小程序,搞了一周后,可以开始写组件了,写个分页组件练练手:父组件,json文件引入:"usingComponents": { "paging": "../../components/paging/index" //引入存放你组件的路径 }父组件,wxml文件使用:<paging current-index="{{page}}" total-page="{...原创 2019-11-27 12:28:45 · 2513 阅读 · 0 评论