![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
源哥哥呐
这个作者很懒,什么都没留下…
展开
-
原生微信小程序js文件使用封装vantui dialog.comfirm
原生小程序页面js文件内使用VantUi Dialog.confirm准备工作先在本地小程序文件内引入vantui 引入vantui方法小程序index.json 引入vant-dialog !!! 必须页面引入否则报错常见报错"usingComponents": { "van-dialog": "../miniprogram_npm/@vant/weapp/dialog/index" // 相对路径 },小程序index.wxml 引入vant-dialog !!! 必须页面原创 2020-10-28 16:35:00 · 1121 阅读 · 0 评论 -
原生微信小程序引入vantweapp
只需 三部即可成功引入在项目根目录===================> npm init -y在项目根目录===================>npm i @vant/weapp -S --production点击工具===>构建npm===>成功!原创 2020-09-24 11:17:29 · 533 阅读 · 0 评论 -
微信小程序画布渲染文字换行
微信小程序画布渲染文字换行封装换行函数// 文字换行 drawText: function(ctx, str, leftWidth, initHeight, canvasWidth) { var lineWidth = 0; var lastSubStrIndex = 0; // 每次开始截取的字符串的索引 ctx.setFontSize(24) // 设置字体大小 ctx.setFillStyle('#999999') // 设置字体颜色 for (let原创 2020-07-06 15:14:27 · 816 阅读 · 0 评论 -
微信小程序海报画布生成圆形头像
由于海报需求将用户头像在海报上呈圆形实现过程如下// 绘制圆形头像//绘制的头像宽度 let avatarurl_width = 40//绘制的头像高度 let avatarurl_heigth = 40//绘制的头像在画布上的位置 let avatarurl_x = 10//绘制的头像在画布上的位置 let avatarurl_y = 10// 保存之前绘制 ctx.save() ctx.beginPath()// 圆心x:绘制头像的宽度/2+头像在画布上的位置-- 圆心y:原创 2020-07-06 15:07:52 · 1300 阅读 · 0 评论 -
微信小程序模态框显示滑动内容,下层view同时滑动解决方案
微信小程序模态框显示滑动内容,下层view同时滑动解决方案接到一个功能是点击弹出模态框展示产品详情(富文本图片)很好实现,但是如果滑动屏幕到下面 模态框在上面显示,严重影响用户体验,且滑动模态框内容外层的屏幕也随着滑动那么接下来就是解决问题了!!附上代码:// 查看商品详情<view class="detail-btn m-l-r" data-goods_id="{{item.goods_id}}" bindtap="getGoodsDetail">查看商品详情</view原创 2020-05-08 17:42:54 · 1160 阅读 · 0 评论 -
微信小程序实现canvas生成专属海报
项目分销功能需求用户自主生成专属海报微信小程序使用canvas绘图。话不多说,直接上!创建画布:<canvas class="cavans-box" style="width:{{canvasWidth}}rpx; height:{{canvasHeight}}rpx;" canvas-id="myCanvas"/><view class="download-btn" b...原创 2020-04-30 16:10:20 · 1529 阅读 · 0 评论 -
微信小程序封装正则替换手机号码
手机号中间四位变为"****"在开发微信小程序过程中需要对用户的隐私负责在页面中显示的需要一定的修饰在组件中新建wxs文件(本人新建的公共common=>utils=>regPhone.wxs):/** * 处理字符串为****格式,中间显示四个*号 * str 需要处理的字符串 * startLength 前面显示的字符串长度 * endLength 后面显示的字符串...原创 2020-04-30 15:39:09 · 1159 阅读 · 0 评论 -
微信小程序 weui-toast 无样式
微信小程序 weui-toast 无样式首先在github上找到weui.wxss:weui才能进行下一步吧。下载完成将weui.wxss放入小程序目录文件(可以与app.wxss同级)在app.wxss 引入 weui.wxss:@import "./weui.wxss";在需要toast在wxml里面引入组件:<view class="fadeIn"> <...原创 2020-04-30 14:04:10 · 887 阅读 · 0 评论