
微信小程序
文章平均质量分 51
牛哞哞杂记
终身学习,成为更好的自己,公众号:牛哞哞杂记
展开
-
【微信小程序】圆环进度条
① 生成用于倒计时的圆环,通过代码来控制圆环的倒计时进度。要做到重新进页面,圆环不会重新归零。index.wxml 部分,使用 canvas 绘制两个圆环。以及显示中间的倒计时。再计算出总时间、已经使用多久时间和还剩的时间。开始时间和结束时间可以自定义的。计算出圆环进度条的开始位置和结束位置,以及圆环中间的时间。index.js 里,先绘制白色圆环。③ 倒计时的时间可以自定义。② 圆环中间会有倒计时。原创 2022-11-13 12:25:29 · 3295 阅读 · 0 评论 -
【微信小程序】[渲染层错误] [jsbridge] invoke getGlobalStorage fail: too eayly.
微信开发者工具上出现报错原创 2022-10-31 17:02:01 · 19070 阅读 · 1 评论 -
【uni-app】只支持在微信小程序运行的 导入外部3d模型
【uni-app】支持在微信小程序运行的3d模型 demo原创 2022-09-29 17:14:47 · 4438 阅读 · 4 评论 -
【微信小程序】手机上开启调试模式
微信小程序手机上打开调试模式原创 2022-01-18 11:46:31 · 30607 阅读 · 6 评论 -
【微信小程序】自定义单选框样式实现单选功能
实现效果:选择小车时,其他类型的车取消选中。具体思路:用数组存几种类型车的数据,给每条数据设置点击未选中的效果(checked 设为 false)。点击某一种车时,获取其下标,将它的设置为选中(checked 设置 true)。代码如下:// index.jsPage({ /** * 页面的初始数据 */ data: { list: [{ img: "../../image/car.png", name: "小车",原创 2021-08-24 22:45:31 · 1690 阅读 · 0 评论 -
【微信支付】十分钟解决内网穿透,实现微信支付本地测试
在微信小程序上调用微信支付功能。微信支付可以在本地进行测试,但无法拿到支付回调结果。也就是本地拿不到微信返回的订单号等。需要拿到支付结果回调的话,可采用服务器测试或者内网穿透到外网。接下来分享一种内网穿透的工具 【natapp】,仅仅只需要九步,就能本地测试微信支付。操作简单,免费,但生成的域名是随机的。进行测试时完全够用的。步骤如下:一、注册 NATAPP 账号点击注册,并且实名认证下二、登录后,选择 购买隧道 中的 免费隧道。三、选择微信开发的隧道Web,并购买即可四、在后台 我的原创 2021-07-13 22:51:37 · 6126 阅读 · 3 评论 -
【Threejs 微信小程序】小程序加载外部模型后对模型进行平移旋转操作
一、效果展示需要实现的功能,对已经加载进小程序里的模型进行沿着xyz轴方向去旋转和平移。如下图的效果: 点击底部的按钮,对模型进行平移和旋转操作。二、方法描述关于平移和旋转的方法比如沿着 Y 轴平移,就是 translateY,沿着 Z 轴平移,就是 translateZ,沿着 X 轴平移,就是 translateX绕着 Y 轴旋转,就是 rotateY,绕着 Z 轴旋转,就是 rotateZ,绕着 X 轴旋转,就是 rotateX,而我们要做到整个视觉上整个模型都在平移和旋转,就需原创 2021-07-06 23:16:16 · 2827 阅读 · 0 评论 -
【微信支付】小程序支付相关步骤 普通商户模式
申请和配置微信支付文档:https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_8_0.shtml1、接入微信支付选择直连模式,去商户平台申请,注册微信支付商户号,填写信息。注册地址可点击此处查看2、账号关联小程序与商户号进行关联,主体一致,申请即可;主体不一致,审核需1-3个工作日。文档可点击此处查看3、配置API key(1)登录微信商户平台,进入【账户中心 > API安全 > API安全】目录,点击【设置密钥原创 2021-06-08 14:25:23 · 1184 阅读 · 1 评论 -
【微信小程序】echarts 正态分布图 区间柱形图
功能需求:x轴设置成某一段区间解决思路:一般正常设置,只能一个刻度对应一个值。而现在需要使用两个x轴来实现。效果展示:代码:let xAxis= ['0', '10', '20', '30', '40', '50', '60', '70', '80', '90', '100'];//百分比区间let yAxis = [5,10,50,30,60,40,50,52,10,30]; var option = { tooltip: { trigger: 'axis',原创 2021-04-19 17:03:21 · 1780 阅读 · 0 评论 -
【微信小程序】webgl不透明的原因
之前可以通过设置 alpha: true 设置背景透明。但更新后,无法设置透明,看到小程序社区后有回答点击这里原因:多次调用了 getContext,three.js 内部也有调用一次,但是没设置 alpha为true目前两次调用会有问题在 threejs 里设置 alpha: true 即可...原创 2020-12-17 21:46:14 · 619 阅读 · 0 评论 -
【微信开发者工具】at-rule or selector expectedcss(css-ruleorselectorexpected)
前不久升级微信开发者功能,部分写法在以前工具上不会报错,现在会报错,比如<view style="width: {{windowWidth}}rpx;"></view>解决办法:在开发者工具上将铃铛旁边的语言,由 HTML 改成 WXML。完毕~...原创 2020-12-08 11:24:38 · 7302 阅读 · 4 评论 -
【微信小程序】“errMsg“:“navigateTo:fail can not navigateTo a tabbar page“
仅记录出现问题:VM15890:1 (in promise) MiniProgramError{“errMsg”:“navigateTo:fail can not navigateTo a tabbar page”}Object原因:wx.navigateTo 不能跳转到 tab 页面 改成 wx.switchTab因为在当前页面是 tabBar 页面,再使用 wx.navigateTo 跳转到其他页面时,就会出现此错误。完毕~...原创 2020-10-24 13:35:45 · 2489 阅读 · 0 评论 -
【小程序】wx:for 获取下标
实现功能:获取下标代码:index.wxml<block wx:for="{{list}}" data-item="item"> <view bindtap="getIndex" data-index="{{index}}"> <view>{{item.name}}</view> </view></block>index.jsgetIndex: function (e) { //获取下标 let in原创 2020-09-29 18:10:19 · 1894 阅读 · 0 评论