随笔分类 -  微信小程序开发

微信小程序，功能，组建，问题········
uniapp微信小程序生成二维码
摘要：二维码 下载文件 文件地址：weapp.qrcode.min.js 导入文件 import drawQrcode from '@/utils/weapp.qrcode.min.js' 使用方法 drawQrcode({ width: 150, height: 150, x: 0, y: 0, can 阅读全文
posted @ 2022-07-26 17:37 小泽沐优声 阅读(2035) 评论(0) 推荐(0)
微信小程序支付【前端】
摘要：CV 代码片段 复制粘贴即可用 let data = "后端返回的数据" wx.getProvider({ service:"payment", success:res=>{ wx.requestPayment({ "timeStamp":data.timeStamp, //当前时间 "nonceS 阅读全文
posted @ 2021-08-11 09:41 小泽沐优声 阅读(97) 评论(0) 推荐(0)
二维码跳转微信小程序解析
摘要：只需一个函数 返回是个字符串 let scene = decodeURIComponent(options.scene); 阅读全文
posted @ 2021-02-05 18:04 小泽沐优声 阅读(96) 评论(0) 推荐(0)
微信小程序 canvas 操作存码（ 建议收藏 ）
摘要：#存码 有补充联系我，或在下方评论补充 代码片段 const text = obj => { //插入文字 return new Promise((resolve, reject)=>{ obj.ctx.save(); obj.ctx.fillStyle=obj.color||"blue"; obj 阅读全文
posted @ 2021-01-26 16:20 小泽沐优声 阅读(141) 评论(0) 推荐(0)
微信小程序获取导航栏高度
摘要：小程序获取右上角胶囊位置信息 // 获取设备信息 uni.getSystemInfo({ success: e => { // { statusBarHeight: 20, ... }，单位为 px // 获取右上角胶囊的位置信息 let info = uni.getMenuButtonBoundi 阅读全文
posted @ 2021-01-22 09:36 小泽沐优声 阅读(769) 评论(0) 推荐(0)
uniapp-微信第小程序-三方插件
摘要：我们需从配置源码上去添加 第一步 登录微信公众平台添加第三方插件 添加预约日历直接申请 免审。。 插件地址：https://github.com/jasondu/wxa-plugin-calendar 第二步 打开manifest.json 源码视图 在mp-weixin里添加插件 官网文档：htt 阅读全文
posted @ 2021-01-04 10:25 小泽沐优声 阅读(1384) 评论(0) 推荐(0)
uniapp让小程序打包更小体积
摘要：创建uniapp 的方法 PS:这种方式比起用HBuilder X创建后运行的项目体积会更小至少小于一倍。 指令 指令安装 vue create -p dcloudio/uni-preset-vue my-project 如果没有安装Vue，先安装Vue npm install -g @vue/cl 阅读全文
posted @ 2020-12-30 13:48 小泽沐优声 阅读(452) 评论(0) 推荐(0)
微信小程序全局存储
摘要：uniApp 在App.vue 写上globalData和onShow同级 onShow(){}, globalData:{ } 调用 let app = getApp(); app.globalData={} 阅读全文
posted @ 2020-12-30 09:09 小泽沐优声 阅读(128) 评论(0) 推荐(0)
canvas文字超过宽自动换行
摘要：绘制自动换行的字符串 drawText(ctx, txtwid, t, x, y, w){ var chr = t.split(""); var temp = ""; var row = []; ctx.font = "20px Arial"; ctx.fillStyle = "black"; ct 阅读全文
posted @ 2020-12-28 14:44 小泽沐优声 阅读(557) 评论(1) 推荐(0)
多点位置配对-相似度-形状配对 （组件）
摘要：改写成了uniapp通用组件 名称 类型 必填 说明 @success Events 否 成功回调 @fail Events 否 失败回调 data Array 是 用来匹配。 事件回调 返回一个对象 obj 名称 类型 内容 说明 msg String seal:ok或seal:no 消息 lik 阅读全文
posted @ 2020-11-02 12:02 小泽沐优声 阅读(225) 评论(1) 推荐(0)
前端-多点位匹配
摘要：触摸印章技术方案（多点位置匹配） 原文章：https://segmentfault.com/a/1190000020733799； 项目地址：https://github.com/browniu/stampCode； uniapp项目地址：https://gitee.com/sunliusen/se 阅读全文
posted @ 2020-11-01 16:45 小泽沐优声 阅读(224) 评论(3) 推荐(0)
微信小程序跳转到微信公众号
摘要：我这里是uniapp里的操作 微信开发者工具配置 微信小程序官网地址：official-account 公众号关注组件。 当用户扫小程序码打开小程序时，开发者可在小程序内配置公众号关注组件，方便用户快捷关注公众号。 上面所说要扫小程序码打开 操作如下 打开微信开发者工具 工具--编译配置-新增编译条 阅读全文
posted @ 2020-10-31 22:07 小泽沐优声 阅读(2305) 评论(0) 推荐(0)
微信小程序获取高宽uniapp
摘要：代码片段 <template> <view> <view class="text" id="w">补充文字</view> </view> </template> <script> export default { mounted() { let query=wx.createSelectorQuer 阅读全文
posted @ 2020-10-20 11:36 小泽沐优声 阅读(315) 评论(0) 推荐(0)
微信小程序授权页面
摘要：这里也是比较简单的 直接复制粘贴就可以用，可能图片位置不对。。 <template> <view id="imporwer"> <image src="../static/image/people.jpg" ></image> <view class="title">课程点评</view> <vie 阅读全文
posted @ 2020-10-09 16:23 小泽沐优声 阅读(282) 评论(0) 推荐(0)
uniapp微信小程序canvas隐藏
摘要：HTML 我是把canvas嵌套在view里并被view设置id <view id="canvas"> <canvas style="width: 350px; height: 530px;" canvas-id="firstCanvas"></canvas> </view> CSS 把它给顶出去 阅读全文
posted @ 2020-05-25 14:21 小泽沐优声 阅读(1541) 评论(0) 推荐(0)
uniapp微信小程序分享（朋友圈分享）
摘要：触发代码 如： <button open-type="share">分享</button> 在JS中 分享进入页面传参，和微信小程序路由传参的思路是一样的。 如果return里的path为空，分享的则是当前页面。 onShareAppMessage可不是写在生命周期里的，是和生命周期同一级的。 如： 阅读全文
posted @ 2020-05-22 09:45 小泽沐优声 阅读(6168) 评论(7) 推荐(1)
uniapp微信小程序获取当前用户手机号码（前端）
摘要：按钮触发获取用户信息 uniapp中与微信小程序官网所写会不同， <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" withCredentials="true">获取手机号码</button> 弹出授权用户绑定的账 阅读全文
posted @ 2020-05-21 15:28 小泽沐优声 阅读(10777) 评论(5) 推荐(5)