随笔分类 -  小程序

【微信小程序开发】自定义tabBar（底部导航 ）custom-tab-bar
摘要：根据需求默认底部导航无法完成 故使用自定义tabBar（底部导航） 1、首先 app.json文件 找到 tabBar 添加 "custom": true 开启自定义tabBar ​ 2、根目录下新建custom-tab-bar目录 新建index(Component组件)**必须是index命名 阅读全文
posted @ 2020-12-01 11:13 悟空dong 阅读(4345) 评论(0) 推荐(0)
小程序 使用Promise封装request 接口请求
摘要：//httpService.jsconst host = 'https://baidu.com/ceshi' // 接口请求的域名 // get请求使用 json对象转字符串 （formatParams ） const formatParams = (data) => { let arr = [] 阅读全文
posted @ 2020-08-28 16:19 悟空dong 阅读(1366) 评论(0) 推荐(0)
微信小程序 获取手机号 获取基础信息 自定义分享 获取dom节点
摘要：微信小程序 获取手机号 // 授权手机号 需要button标签 注意：open-type 的值 必须是getPhoneNumber <button open-type="getPhoneNumber" bindgetphonenumber="getuserinfo">授权登录</button> ge 阅读全文
posted @ 2020-08-26 17:37 悟空dong 阅读(442) 评论(0) 推荐(0)
小程序 使用echarts 数据动态变换
摘要：直接上效果 有动画 gif有点卡 看不到出来 ​ 要求效果： x轴底部只呈现四个时间段 但所有折线数据都要呈现 未来时间不参与绘制 年（12）月（28-31） 日（24） 以月示例 主要参考echarts文档 小程序属于轻容量 所以下载echarts.js 选择定制版 html 注意地方是在json 阅读全文
posted @ 2020-07-08 16:07 悟空dong 阅读(3635) 评论(0) 推荐(0)
微信小程序 微信支付
摘要：微信官方文档链接：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_10&index=1 首先必要的就是注册微信的账号咯 微信公众号 然后就是注册好 登录到后台 点击微信支付 申请开通 其他的根据微信提醒操作就好了 1. 阅读全文
posted @ 2020-06-08 13:41 悟空dong 阅读(398) 评论(0) 推荐(0)
小程序 大转盘 抽奖 canvas animation
摘要：项目需求运用到大转盘 可设置概率 可直接自定义结果 效果如下 ​ 两种方法及结合法 一 通过canvas 实现 但是因为定时器原因 手机端卡顿严重 故而最终使用了方法二 但也是该记录下 学习canvas 二 通过小程序Api animation完成完美解决卡顿问题 更精确定位 有样式缺陷 css无法 阅读全文
posted @ 2020-06-08 11:58 悟空dong 阅读(1778) 评论(0) 推荐(0)
小程序 生成自定义小程序二维码码 通过 canvas 生成海报 保存成图片
摘要：功能很简单 直接上代码 html canvas 定义画板 构造海报 .preview 生成海报图浏览 模板框 <canvas canvas-id="shareImg" class="canvas-exp"></canvas> <view hidden='{{previewHidden}}' clas 阅读全文
posted @ 2020-06-08 11:43 悟空dong 阅读(901) 评论(0) 推荐(0)
小程序自定义音频播放
摘要：HTML<!-- 自定义音乐播放器 --> <view class="audio" wx:elif="{{articleType 3&&articleData.videoUrl}}"> <image class="bg" src="{{util.isUrl(articleData.coverPict 阅读全文
posted @ 2020-06-08 11:33 悟空dong 阅读(777) 评论(0) 推荐(0)
小程序富文本 图片过大问题处理
摘要：<rich-text nodes="{{content}}" style="font-size:14px;" space="emsp"></rich-text> content为后端返回数据 content = content.replace(/\<img/gi, '<img style="max- 阅读全文
posted @ 2020-06-08 11:22 悟空dong 阅读(1347) 评论(0) 推荐(0)
小程序 商城多规格选择 购物车 sku 添加 简易demo
摘要：​ HTML <view id="vmsimulatedDATA"> <view class='productConten'> <view class="productDelcom" wx:for="{{simulatedDATA.specifications}}" wx:for-index='n' 阅读全文
posted @ 2020-03-27 13:45 悟空dong 阅读(2278) 评论(0) 推荐(1)
小程序 前端 实现生成分享二维码（可带参数 无需配置）（后端可借鉴）经过验真小程序安全问题https://api.weixin.qq.com 不可以在前端请求
摘要：生成可带参数小程序二维码前后端都可以实现，但是最好还是由后端来生成传递给前端这边我是前端的主要介绍前端生成的方法，携带的参数scene 有长度限制 正常分享的需求可以实现，官方文档都有说明。 首先获取access_token 是开发小程序后端的必要参数，同样前端也是通过请求官方提供的接口来获取，取得 阅读全文
posted @ 2020-03-27 13:42 悟空dong 阅读(1890) 评论(0) 推荐(0)