
微信-小程序
徊忆羽菲
追求健康的人
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序中实现背景图片完全覆盖显示,可以通过设置CSS样式来实现
如何在微信小程序中设置背景图片,使用绝对定位填充整个视图,并通过CSS实现背景图片的模糊效果。代码示例中展示了.wxml和.wxss的用法,包括设置背景图片URL、背景颜色、大小、层次以及应用模糊滤镜原创 2025-01-20 17:08:46 · 744 阅读 · 0 评论 -
学习在微信小程序使用富文本修改图片大小的代码,超简单
学习在微信小程序使用富文本修改图片大小的代码,超简单原创 2024-01-31 17:29:39 · 1201 阅读 · 0 评论 -
学习使用微信小程序实现智能名片电子名片功能代码
学习使用微信小程序实现智能名片电子名片功能代码,包括拨打手机号,一键复制,定位导航,存入手机通讯录功能,转发分享功能整理原创 2024-01-18 11:54:13 · 2232 阅读 · 0 评论 -
解决“由于开发者通过接口修改了菜单配置,当前菜单配置已失效并停用。你可以前往开发者中心进行停用”
由于开发者通过接口修改了菜单配置,当前菜单配置已失效并停用。你可以前往开发者中心进行停用。解决方案原创 2023-10-09 09:56:31 · 6714 阅读 · 0 评论 -
学习微信小程序时间延迟setTimeout和setInterval的使用方法
在执行到setInterval代码时,在执行number++之后,延迟1秒,可以继续进入setInterval代码块,执行function(){}大括号中的代码功能。如果想要退出循环,需要clearInterval(),也就是将这个时间控制器销毁。在程序执行到setTimeout时,根据预设的时间(单位是毫秒。例如2000,指的是2秒),时间结束执行“要实现延迟执行效果的代码块”对应位置的代码功能。setTimeout在使用的时候可以实现代码块延迟执行的效果,并且可以设置延迟执行的具体时间。原创 2023-08-21 20:07:40 · 3165 阅读 · 0 评论 -
微信小程序switch开关组件修改样式(大小,颜色)
微信小程序switch开关组件修改样式(大小,颜色)原创 2023-02-14 13:57:10 · 4030 阅读 · 1 评论 -
微信小程序微信头像使用canvas绘制失败问题开发工具正常真机不显示的解决方案
微信小程序微信头像使用canvas绘制失败问题开发工具正常真机不显示的解决方案原创 2022-09-20 11:06:53 · 2247 阅读 · 0 评论 -
学习在微信小程序中判断url的文件后缀格式
解决在微信小程序中判断url的文件格式的方法整理原创 2022-08-01 16:14:35 · 1589 阅读 · 0 评论 -
调用api接口生成不同颜色的微信小程序二维码
获取小程序码,适用于需要的码数量较少的业务场景。通过该接口生成的小程序码,永久有效,自动配置线条颜色,使用 rgb 设置颜色原创 2022-06-24 13:39:16 · 738 阅读 · 0 评论 -
如何更改微信小程序二维码物料颜色
可下载小程序码及搜索框等线下推广物料,更改小程序码颜色原创 2022-06-24 10:16:07 · 2578 阅读 · 0 评论 -
解决微信小程序rich-text富文本标签内部图片宽高自适应的方法
解决微信小程序rich-text富文本标签内部图片宽高自适应的方法rich-text富文本标签方案说明rich-text富文本标签rich-text是微信小程序的富文本标签,在使用rich-text的时候,需要rich-text内部图片宽高自适应,这个时候该怎么做呢?先来看下案例:<view class="contentLine"> <rich-text nodes="{{content}}"></rich-text></view>方案上原创 2022-05-31 10:04:56 · 4288 阅读 · 1 评论 -
微信小程序rich-text图片宽高自适应的方法介绍(rich-text富文本)
微信小程序rich-text富文本图片宽高自适应的方法介绍无效代码封装util.js无效代码/* 下面代码并不能达到预想效果... */rich-text img { width: 100%; object-fit: contain;} rich-text image { width: 100%; object-fit: contain;}封装util.js/** * 处理富文本里的图片宽度自适应 * 1.去掉img标签里的style、width、height属性原创 2022-05-31 10:00:44 · 1531 阅读 · 0 评论 -
小程序 rich-text中图片点击放大与自适应大小问题
小程序 rich-text中图片点击放大与自适应大小问题图片点击放大自适应大小图片点击放大// js data:{ imgarr:[]}// 主要代码let imgarr = [];let regex = new RegExp(/<img.*?(?:>|\/>)/gi); // 匹配所有图片let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配src图片let arrsImg = obj.info.match(re原创 2022-05-31 09:57:01 · 857 阅读 · 1 评论 -
小程序如何判断是 PC 平台?
小程序如何判断是 PC 平台?php 判断是否为pc端访问通过 getSystemInfo 官方接口(platform 是 windows)通过 UA(PC UA 包含 MiniProgramEnv/Windows)php 判断是否为pc端访问 $http_user_agent = $_SERVER['HTTP_USER_AGENT'];//判断是不是pc端小程序$minirogram_env_win = strpos($http_user_agent, 'MiniProgramEnv/Win原创 2022-05-12 10:32:55 · 1741 阅读 · 1 评论 -
如何生成背景透明的微信小程序二维码
如何生成背景透明的微信小程序二维码透明背景参数透明背景参数is_hyaline 是否需要透明底色, is_hyaline 为true时,生成透明底色的小程序码 public function getQRCodeB($scene,$page,$width=null,$auto_color=null, $line_color=null){ $url = ApiUrl::GET_APP_CODE_B; $param = array(原创 2022-03-15 13:58:54 · 5598 阅读 · 1 评论 -
微信小程序禁止页面左右滑动
微信小程序禁止页面左右滑动小程序禁止页面左右滑动PS:在开发过程中可能会遇到某一个页面可以左右滑动,在开发者工具是查看不出来,只有在手机预览才可以看的出来(尝试左或者右滑动)。我的解决方法是在根标签下添加了以下的CSS样式:content:overflow-x:hidden; //裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话进行隐藏...原创 2021-11-25 17:54:50 · 1586 阅读 · 0 评论 -
学习使用微信小程序动态获取当前时间并实时跳动
学习使用微信小程序动态获取当前时间并实时跳动1、修改util.js2、.js函数构造3、wxml页面显示固定时间1、修改util.jsconst formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.get原创 2021-11-24 16:59:01 · 4152 阅读 · 3 评论 -
微信小程序如何添加业务域名
微信小程序如何添加业务域名步骤1步骤2步骤3步骤1登录https://mp.weixin.qq.com/wxamp 如下图:选择开发设置步骤2这是添加服务器域名步骤3点击修改,添加业务域名管理员扫码登录添加对应的业务域名之后,下载校验文件,放到指定位置最后点击保存即可...原创 2021-11-16 10:58:03 · 3442 阅读 · 0 评论 -
分析微信小程序生成二维码接口报错41030: invalid page hint
分析微信小程序生成二维码接口报错41030: invalid page hint解决方案解决方案调用了小程序生成二维码的接口却报41030: invalid page hint: [tFIkAa07161511],查了一下原因发现了微信的限制:1.传入page,生成指定页面的二维码必须要先把代码上传,提交审核并发布,然后在发布好的小程序里生成二维码的接口才能调用成功,(体验版也不行,必须是发布上去的小程序,域名不能带端口号,真的好坑…)2.传入的页面路径,pages前面不能加"/"例如:正确的写原创 2021-11-15 14:28:26 · 4956 阅读 · 0 评论 -
解决“errcode“:41001,“errmsg“:“access_token missing rid:问题
解决"errcode":41001,"errmsg":"access_token missing rid:问题分析原因分析原因报错原因:安全中心未配置IP白名单,导致access_token无效,添加后就可以原创 2021-11-02 17:49:00 · 27118 阅读 · 3 评论 -
学习如何使用微信小程序的for和foreach循环遍历获得索引和数据
学习如何使用微信小程序的foreach循环遍历获得索引和数据js文件中定义数组第一种循环方法第二种循环方法第三种循环方法js文件中定义数组* 页面的初始数据*/data: {users: [{ name: '张三', age: 18 }, { name: '李四', age: 19 }, { name: '王五', age: 20 }, { name: '赵六', age:原创 2021-10-28 17:58:32 · 15816 阅读 · 0 评论 -
微信小程序工具报错:Now you can provide attr `wx:key` for a `wx:for` to improve performance 解决方法
微信小程序工具报错:Now you can provide attr `wx:key` for a `wx:for` to improve performance 解决方法解决方法解决方法在开发微信小程序的是遇到了WXML Runtime warning:Now you can provide attr wx:key for a wx:for to improve performance. ,这警告并不影响正常的使用,但是有强迫症的我就是要让警告消失,其实很简单的,在for循环后面是需要加上w原创 2021-09-29 16:53:09 · 4195 阅读 · 0 评论 -
微信小程序使用wx.setClipboardData实现复制和换行功能
微信小程序使用wx.setClipboardData实现复制和换行功能解决方案解决方案wxml 页面<button catchtap="copyText">复制</button>js页面copyText: function (e) { // var copy = e.currentTarget.dataset.copy; //data-copy传过来的数值 arr = [ { name: "酒店名称", va原创 2021-09-28 16:34:31 · 1654 阅读 · 2 评论 -
小程序订阅消息模板的标题怎么修改?
小程序订阅消息模板的标题怎么修改?小程序订阅通知添加自定义模板小程序订阅通知扫码登录 https://mp.weixin.qq.com/ 小程序后台,可以看到左侧菜单栏有一个订阅通知,点击公共模板,会看到很多常用的通知模板,点击选用,选择业务需要的字段,然后点击提交审核即可添加自定义模板如果我们没有找到符合自己的消息模板,在分页那里,填入最后一页,点击跳转,可以看到 找不到你想要的模板? 帮忙我们完善模板库 字样 如下图就可以自定义模板标题和选项了,参数示例一定要填写,否则提交按钮不能原创 2021-09-28 12:01:36 · 2501 阅读 · 0 评论 -
小程序内容审核api踩坑笔记 敏感词过滤PHP开发调用msgSecCheck,违规内容也返回无问题
小程序内容审核api踩坑笔记 敏感词过滤PHP开发调用msgSecCheck,违规内容也返回无问题通过PHP调用msgSecCheck,无论什么内容均返回OK,无问题,即使是很明显的违规词也返回无问题。而且看过相关的问题处理,已经是post提交,且验证的内容也是utf-8。<?php $checkContent = '要检测的内容'; $url = 'https://api.weixin.qq.com/wxa/msg_sec_check?access_token=ACCESS_T原创 2021-09-22 17:09:31 · 1139 阅读 · 0 评论 -
小程序上传图片报错MiniProgramError “createUploadTask:fail url not in domain list“ 解决方案
小程序上传图片报错MiniProgramError "createUploadTask:fail url not in domain list" 解决方案问题场景描述解决方案问题场景描述微信小程序开发版,同样指的线上环境,上传图片就没问题,上线后发现总是上传图片失败。解决方案主要原因是因为微信管理公众平台|小程序-开发-开发设置-服务器域名下的服务器配置 uploadFile合法域名,没有添加服务器请求域名地址。uploadFile合法域名 配置上上传图片请求接口的域名即可解决问题。...原创 2021-09-10 15:45:06 · 6864 阅读 · 0 评论 -
整理微信小程序控制view隐藏显示的五种方法
整理微信小程序控制view隐藏显示的五种方法一、使用wx:if指令。二、使用opacity属性三、使用display属性四、还有一种方式可以使用绝对定位,五、使用hidden属性一、使用wx:if指令。<view wx:if="{{3>2}}">我是wx:if</view>二、使用opacity属性<view style="opacity:{{opacity}}">我是opacity属性</view>三、使用display属性<原创 2021-09-10 15:06:57 · 12273 阅读 · 4 评论 -
微信小程序如何实现通过js修改wxml的for循环中的属性值
微信小程序如何实现通过js修改wxml的for循环中的属性值要实现的效果具体代码要实现的效果点击每一个活动选项,实现显示对应的操作按钮具体代码首先要在对应页面的js中给data中定义数组,如下: data: { vote_list: [{ 'vote_title': '活动1', 'vote_show': 'none' }, { 'vote_title': '活动2', 'vote_show': 'none' }, {原创 2021-09-10 14:55:32 · 1719 阅读 · 0 评论 -
微信小程序实现通过js操作wxml的wxss属性示例
微信小程序实现通过js操作wxml的wxss属性示例前言实现思路:实现代码前言在web端、手机端、webApp中可以通过js获取dom的方式设置dom属性。微信小程序中,不能通过这种方式进行操作。如何在微信小程序中在wxml中操作wxss的属性。实现思路:通过利用数据绑定实现动态改变样式,1、在wxxml标签内嵌css属性上绑定js的date值2、通过js中绑定css属性的date值改变wxml标签内嵌的css属性实现效果:点击所在地区,弹出选择地区的浮层实现代码editAddres原创 2021-09-10 14:47:15 · 2384 阅读 · 0 评论 -
微信小程序学习:app.json全局配置
微信小程序学习:app.json全局配置开发目录全局配置开发目录├── app.js├── app.json├── app.wxss├── pages│ │── index│ │ ├── index.wxml│ │ ├── index.js│ │ ├── index.json│ │ └── index.wxss│ └── logs│ ├── logs.wxml│ └── logs.js└── utils用于指定小程原创 2021-08-30 20:41:03 · 297 阅读 · 0 评论 -
微信小程序开发工具真机调试报MiniProgramError U.createEvent is function错误解决方案
微信小程序开发工具真机调试报MiniProgramError U.createEvent is function错误解决方案解决方案解决方案小程序真机调试均正常,现在真机调试总是报U.createEvent is not a function TypeError: U.createEvent is not a function错误,app.json里页面没定义,加上对应的页面就好了...原创 2021-08-25 16:20:49 · 5543 阅读 · 0 评论 -
visual studio开发小程序less转wxss的插件使用教程
visual studio开发小程序less转wxss的插件使用教程1、less转为wxss2、其他好用的插件1、less转为wxss在vscode中下载 Easy WXLESS 插件,在自己的根目录下找到 .vscode 文件夹,找到 settings.json 文件(如果没有就新建一个),加入下面的配置:2、其他好用的插件vscode weapp apivscode wxmlvscode wechat...原创 2021-08-17 18:38:37 · 358 阅读 · 0 评论 -
整理在小程序页面样式中引入阿里巴巴字体图标
整理在小程序页面样式中引入阿里巴巴字体库1、登录阿里巴巴字体图标2、在小程序项目中配置1、登录阿里巴巴字体图标点我阿里巴巴字体图标库搜索需要的字体图标将需要的字体图标点击添加到购车中添加到项目中,没有就新建项目跳转到项目页,可以看到已经添加好的图标点击查看在线链接可以看到一个css样式的路径2、在小程序项目中配置在项目根目录创建存放公共样式的styles目录,新建iconfont.wxss样式文件,将阿里巴巴的css样式复制内容粘贴到文件中修改公共样式文件app.wxss,导入ic原创 2021-07-21 11:49:24 · 559 阅读 · 2 评论 -
微信小程序开发编辑器功能常用快捷键整理
微信小程序开发编辑器功能常用快捷键整理常用快捷键:Ctrl + L(选中当前行)Ctrl + Shift + L(选中所有匹配)Ctrl + D(选中匹配,按一次多选一个)Ctrl + U(回退光标)Ctrl + [ 或 Ctrl + ] (代码缩进)Ctrl + Shift + [ (折叠代码,如果换成 ] 则是展开代码)Shift + Alt + F (格式化代码)常用快捷键:Ctrl+S 保存运行Ctr+I 选中一行Ctrl+Shift+上下 选中一行Ctrl+D 选中匹配原创 2021-07-14 16:26:18 · 4399 阅读 · 6 评论 -
微信支付商户动态口令在哪里找?
微信支付商户动态口令在哪里找?动态口令动态口令最近微信商户号修改东西时遇到这个界面,咋一看,动态口令是个什么东西,百度上一搜,怎么说的都有,我观察我等我安全中心又没有设置这个商户安全锁,为什么操作的时老是提示我这个呢?看严谨解释说的是商户安全锁(APP版)与银行动态口令类似,是由微信支付联合腾讯手机管家认证、在手机管家APP查看的6位动态数字密码。旨在为微信支付商户提供企业银行级的安全保障、又方便商户移动化办公管理。但是这个到底在哪里看,需要怎么找也是个问题。为此我找了资料帮我解决这一难题才知道原来原创 2021-07-02 10:06:20 · 3638 阅读 · 2 评论 -
获取小程序新增或活跃用户的画像分布数据报错{“errcode“:61501,“errmsg“:“date range error rid: “}
获取小程序新增或活跃用户的画像分布数据报错{"errcode":61501,"errmsg":"date range error rid: "}请求小程序获取用户画像接口报错原因请求小程序获取用户画像接口报错原因{"begin_date":"20210501","end_date":"20210517"}结束日期,开始日期与结束日期相差的天数限定为0/6/29,分别表示查询最近1/7/30天数据,允许设置的最大值为昨日。格式为 yyyymmdd修改为一下日期区间,比如取20210516这一天的原创 2021-05-17 16:58:21 · 1174 阅读 · 0 评论 -
小程序直播间获取商品列表接口报错:{“errmsg“:“status is invalid rid: 6047345d-1a0be26f-307b5fa7“,“errcode“:200002}
小程序直播间获取商品列表接口报错:{"errmsg":"status is invalid rid: 6047345d-1a0be26f-307b5fa7","errcode":200002}请求获取直播间商品列表接口报错解决方案请求获取直播间商品列表接口报错传入参数{"offset":1,"limit":30,"status":0}报错{"errmsg":"status is invalid rid: 604732c1-0578da70-6f8f056f","errcode":200002}原创 2021-03-09 17:14:09 · 870 阅读 · 0 评论 -
解决微信生成小程序二维码scene参数过长的方法
解决微信生成小程序二维码scene参数过长的方法方案一、中间页 + 短参数方案二、短参数(推荐)方案三、md5加密小程序二维码scene参数限定长度为32位字符,但是实际开发中可能有很多的参数需要传递对于目前32位长度的限制方案一、中间页 + 短参数新建一个中间空白跳转页面,每次生成的二维码都是这个页面,访问这个页面时,将参数中的scene的值,去指定接口获取完整的 带参数的 链接,然后跳转过去。 适用于一个解决方案中有很多个页面需要生成二维码来跳转;方案二、短参数(推荐)二维码指向到特定页原创 2021-01-06 15:11:30 · 5881 阅读 · 0 评论 -
小程序直播间报错:{“errmsg“:“the current room status does not allow this operation rid:“,“errcode“:300023}
小程序直播间报错:{"errmsg":"the current room status does not allow this operation rid:","errcode":300023}修改小程序直播间报错修改小程序直播间报错{“errmsg”:“the current room status does not allow this operation rid: 5fd30546-59a50ad3-62865e4b”,“errcode”:300023}300023:房间状态 拦截 当前房间状态原创 2020-12-11 13:40:09 · 630 阅读 · 0 评论 -
小程序生成二维码报错:40169:invalid length for scene, or the data is not json string
小程序生成二维码报错:40169:invalid length for scene, or the data is not json string生成二维码报错scene的长度不合法post提交的data不是json字符串生成二维码报错scene的长度不合法小程序参数scene 的长度最大32个可见字符post提交的data不是json字符串...原创 2020-12-09 16:09:40 · 12783 阅读 · 0 评论