![](https://img-blog.csdnimg.cn/2019111816263176.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
爱开车的彬哥
这个作者很懒,什么都没留下…
展开
-
微信小程序 API selectComponent 获取组件返回 null 的记录
问题描述/** 在Page 生命周期 onready 获取组件实例 */onReady(){ this.targetComponet = this.selectComponent('#targetCompoent');}/** wxml **/<targetCompoent id="targetCompoent"></targetCompoent>bindEvent(e){ this.targetComponent.fun(); /** this.tar原创 2021-07-29 15:51:46 · 1070 阅读 · 0 评论 -
小程序 Component 去掉 scroll-view 的滚动条
为 scroll-view 添加 两个属性 enhanced show-scrollbar="{{false}}"原创 2021-06-22 15:21:53 · 397 阅读 · 0 评论 -
微信小程序自定义Component canvasToTempFilePath: fail canvas is empty
/** 在component中 canvasToTempFilePath 遇到err: fail canvas is empty*//** pages中创建画布 */wx.createCanvasContext("image-canvas", this);wx.canvasToTempFilePath(options)/** 在Component 中 需要为 canvasToTempFilePath 指定上下文 */wx.createCanvasContext("image-canvas"原创 2021-04-30 14:07:30 · 716 阅读 · 0 评论 -
小程序 Canvas 文字居中解决方案
使用 ctx.measureText 计算文本宽度let ctx = wx.createCanvasContext('Poster');let str = `这是一段居中的文字`let W = this.data.buildWidth;ctx.setFillStyle('#99bef5');ctx.fillRect(0, 0, W, W * 2)ctx.setFontSize(15)...原创 2018-12-25 10:57:24 · 4819 阅读 · 1 评论 -
小程序发送模版消息之 nodejs 实现
功能分析现需要实现一个用户报名成功通知到功能,管理员在后台审核之后,会通过用户的申请,同时发送小程序报名成功的模版消息到用户的微信上。首先需要分析一下微信发送模版消息的接口//模版消息的结构let opts = { touser: param.openid, //目标用户的openid template_id: templ...原创 2018-11-13 18:23:39 · 1077 阅读 · 0 评论 -
微信小程序结合Storage实现搜索历史效果
实现目标代码实现集合wx.setStorageSync()和wx.getStorageSync()这两个api实现这个功能实际上非常简单。&amp;lt;!-- wxml --&amp;gt;&amp;lt;view class=&quot;search-box&quot;&amp;gt; &amp;lt;view class='icon'&amp;g原创 2018-09-15 11:56:39 · 2366 阅读 · 1 评论 -
JavaScript获取往后天数带星期
逻辑比较简单,直接上代码,可直接在小程序或node端引入使用。//获取当前时间返回const getCurrentMonthFirst = () => { let date = new Date(); return date.getFullYear() + "-" + ((date.getMonth() + 1) < 10 ? ("0" + (date.getMonth(...原创 2018-08-23 16:29:54 · 322 阅读 · 0 评论 -
css3实现重复渐变和多色边框
实现目标小程序页面需要实现收货地址下边框类似这种效果 CSS3代码实现使用css3背景色新属性:repeating-linear-gradient background: -webkit-repeating-linear-gradient(20deg, #009cff, #009cff 10px, #fff 10px, #fff 15px, #ffcb21 15px, #ff...原创 2018-08-03 11:58:01 · 961 阅读 · 0 评论 -
小程序canvas api生成分享海报图 解决方案
先上效果图分享图片携带参数:回归到代码实际上使用了小程序提供的绘图api,文档在此 小程序画布canvas API,其他还有getImageInfo和saveImageToPhotosAlbum等。在wxml准备好一个画布,给定一个画布id,宽高见js部分。<!-- 生成图片的画布 --> <canvas class='firstCanvas' ...原创 2018-07-21 16:50:47 · 5594 阅读 · 3 评论 -
小程序导航传递参数及接受时JSON.parse不能解析的解决办法
在小程序有时要在不同页面时传递大量数据时需要把传递参数用JSON.stringify()函数转成字符,在目标页面中用JSON.parse函数接收: 例子:在原始页面点击跳转,携带一个对象moment{&quot;shortcode&quot;:&quot;Bkfe_1lAo3T&quot;, &quot;caption&quot;:&quot;I’m so proud to be pa原创 2018-06-28 13:45:23 · 4240 阅读 · 2 评论 -
小程序横向scroll-view组件自动滚动到某个view
先看下效果scroll-view一般用于做横向侧滑动栏目,分类等等,在这里我用改组件做时间分栏。wxml部分<view class="scroll_box"> <scroll-view class="scroll-view_x" scroll-x='true' scroll-into-view="{{toview}}" scroll-with-animation="true"...原创 2018-03-08 18:37:14 · 12982 阅读 · 1 评论 -
微信小程序web-view不支持打开非业务域名请重新配置
最近在一个项目中用到了小程序的新组建web-view,先来看看组件官方介绍,明显功能是承载html的网页类似于Android的webview组件。在个人小程序后台配置好request域名,然后写到了我自己注册的测试环境中; <web-view src='https://www.baidu.com'></web-view> 然后在小程序开发工具上面...原创 2017-12-28 13:16:44 · 80794 阅读 · 8 评论 -
小程序携带对象跳转
上代码;var transData = JSON.stringify(that.data.moment[this_index]); wx.navigateTo({ url: '../moment_detail/moment_detail?transData=' + transData })在新页面的onload函数中接收: // 接收数据 var原创 2017-12-23 17:54:23 · 1828 阅读 · 0 评论 -
小程序跳转带多个参数
在用wx.navigateTo做页面跳转时带两个参数以上:在目标页面接受参数需要options:原创 2017-12-09 18:13:29 · 4288 阅读 · 0 评论 -
微信小程序下拉刷新/上拉加载更多
查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部,在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效;看一下json文件"enablePullDownRefresh": true,注意这里的true是布尔型而不是字符;有...原创 2017-12-19 09:37:50 · 137360 阅读 · 35 评论