小程序
inticaler
这个作者很懒,什么都没留下…
展开
-
微信小程序全局添加分享功能
在app.js中重新分享方法App({ onLaunch() { this.overShare(); }, //重写分享方法 overShare: function () { //监听路由切换 //间接实现全局设置分享内容 wx.onAppRoute(function (res) { //获取加载的页面 let pages = getCurrentPages(), //获取当前页面的对象 view原创 2022-04-29 11:57:57 · 1286 阅读 · 0 评论 -
微信小程序添加全局 socket 并接收消息通知
最近小程序中有使用到socket,来建立长连接,实现消息通知。总结一下实现思路。首先,在app.js中初始化socket,并处理消息,添加心跳检测。App({ globalData: { supplierId: null, socketUrl: null, // socketUrl timeout: 10000, // 延迟 socketHeartTimer: null, callback: function () {}, // socket连接回调函数原创 2022-04-29 11:52:07 · 5950 阅读 · 3 评论 -
微信小程序自定义tabbar
实现效果:官方文档:自定义 tabBar | 微信开放文档实现步骤:1.在 app.json 中的 tabBar 项指定 custom 字段,同时其余 tabBar 相关配置也补充完整。// 需要先定义tabBar页面// “pages” 配置里面也不要忘了"tabBar": { "custom": true, "color": "#999999", "selectedColor": "#eb7209", "backgroundColor": .原创 2022-04-20 15:24:40 · 1479 阅读 · 0 评论 -
微信小程序隐藏滚动条的方法,以及禁止上下滑动的方法
::-webkit-scrollbar { display: none; width: 0; height: 0; color: transparent;}::-ms-scrollbar { display: none; width: 0; height: 0; color: transparent;}::-moz-scrollbar { display: none; width: 0; height: 0;.原创 2022-03-22 15:41:38 · 4138 阅读 · 0 评论 -
原生微信小程序父组件调用子组件中的方法
假设子组件中写有方法getData()// 返回数据getData() { let flag = this.onStartValidate(); if (!flag) return false let { form } = this.data; return form;},在父组件中的json文件中注册子组件,在父组件中的wxml文件中引入子组件,并定义id<sh-batch id="shBatch" form="{{ sendForm }}"&原创 2022-02-22 15:33:34 · 1355 阅读 · 2 评论 -
小程序 scroll-view 下拉刷新和触底加载方法定义
<scroll-view scroll-y id="scroller" refresher-enabled="{{ true }}" refresher-threshold="{{ 45 }}" refresher-triggered="{{ refresherTriggered }}" bind:scrolltolower="onScrollToLower" bind:refresherrefresh="refresherref.原创 2022-02-16 12:02:04 · 1843 阅读 · 2 评论 -
微信小程序 筛选侧边栏 全选与反全选
小程序中经常会有筛选侧边栏的按钮,今天用原生小程序实现这一功能。1.wxml核心代码<button class="filterBtn" bindtap="translate"> <text>筛选</text> <text class="iconfont icon-shaixuan"></text> </button> <view class="float {{isRuleTru原创 2020-12-30 16:04:01 · 1227 阅读 · 2 评论 -
微信小程序,引用扩展组件提示“没有找到可以构建的NPM包”
在微信小程序开发中,需要引入扩展组件的时候,使用npm引入之后,却提示“没有找到可以构建的NPM包”,查了很多资料,原来是需要参与构建的npm在miniprogramroot目录。开发者工具创建的项目,miniprogramRoot默认为miniprogram,package.json在其外部,npm 构建无法正常工作。需要手动在project.config.json内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。{ ... "setting": { .....转载 2020-12-30 16:02:48 · 941 阅读 · 0 评论 -
微信小程序仿淘宝,向下滚动,头部导航栏背景由透明编程白色(animate)
开发电商类的小程序过程中,有很多导航栏在滑动的时候背景色渐变,下面就来实现一下:借助小程序的animate方法实现过渡效果,只不过目前这一功能只能绑定scroll-view元素。1.wxml页面<scroll-view id="scrollBox" class="view-page" scroll-y="{{true}}" throttle="{{false}}" enhanced="{{true}}" binddragstart="scrollStart"原创 2020-12-30 14:56:37 · 2192 阅读 · 0 评论 -
微信小程序之通过Canvas生成图片保存到手机相册
需求描述:电商项目中有很多需要分享邀请的海报页面,需要带上自己的小程序码,并且保存在本地,然后分享到朋友圈。解决方法:将海报通过wx.createCanvasContext绘制到画布canvas组件。使用canvasToTempFilePath将canvas海报保存到本地临时文件路径。使用savelmageToPhotosAlbum将图片保存到本地相册。定义海报内容图片data: { isGetSet: true, poster_bg: '/images/invite_po原创 2020-12-30 13:38:18 · 1932 阅读 · 0 评论 -
微信小程序保存图片到相册(先授权,再保存)
小程序保存图片是一个常用功能,这里来记录一下实现的过程。首先最新的小程序基础库发布之后不再支持不是由button发起的openSetting了,具体可查看(https://developers.weixin.qq.com/community/develop/doc/000cea2305cc5047af5733de751008),所以需要借助button组件的微信开放能力来调起。在保存图片到相册的时候,是需要授权的,这个时候,需要先检测下是否授权,没有则进行授权验证,通过后则执行保存办法。如果拒绝授权原创 2020-12-22 18:22:07 · 1614 阅读 · 2 评论