
微信小程序
文章平均质量分 63
雪芽蓝域zzs
礳励前行 不负韶华
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序 自定义带图片弹窗
使用官方组件实现图片模态弹窗。首先找到官方文档:显示模态弹窗的API wx.showModal(OBJECT)wx.showModal参数介绍发现并没有设置图片的参数,但是这是一个API,但是组件呢?其中按钮标题可使用comfirmText="新名字"设置,但是发现颜色好像无法自定义。。。找到方法的小伙伴们望告知。但是是否隐藏,确认以及取消的回调都需要自己手动绑定至js进行控制,效果还是一样的。原创 2025-07-26 15:18:16 · 478 阅读 · 0 评论 -
微信小程序 微信同声传译和微信OCR识别
微信小程序开发者可以使用微信提供的OCR接口来实现图像文字识别功能,但也有一些开发者使用的是第三方或是自有的OCR接口,如金鸣识别等。具体来说,微信小程序可以通过使用wx.request函数来发送HTTP请求,将待识别的图片数据上传到微信服务器进行处理。duration:指定录音的时长,单位ms,Number类型,默认值为60000,最大为60000。lang:识别的语言,String类型,默认值zh_CN,目前支持zh_CN en_US zh_HK sichuanhua。原创 2025-06-14 15:33:54 · 1517 阅读 · 0 评论 -
微信小程序开发 picker选择年月日+时分秒
微信小程序的多列选择器实现一个包含年月日及小时分钟秒的自定义日期时间选择器。通过定义外部工具类来处理不同月份天数的变化及联动效果,实现了一个灵活且易于使用的日期时间选择组件。微信小程序开发 picker选择年月日+时分秒需要注意引入了外部的工具类dateTimePicker,需要自己定义工具类,后面会有工具类中的具体代码,require(‘…/index/dateTimePicker.js’)这里的路径是工具类dateTimePicker所在的位置。原创 2025-06-14 14:18:53 · 424 阅读 · 0 评论 -
微信小程序实现文字逐行动画效果渲染显示
通过 @keyframes 定义动画的关键帧,控制每行文字的显示时间。通过定义一个名为 fadeIn 的动画2,它通过调整透明度从 0 到 1 来实现淡入效果。原创 2025-06-14 10:06:06 · 766 阅读 · 0 评论 -
微信小程序开发知识点
本文介绍了微信小程序开发中的公共引用方法。一是公共样式引用,可在app.wxss中使用@import导入公共样式文件;二是公共组件引用,通过在app.json中配置全局组件,避免各页面重复引用。文中提供了具体代码示例和效果展示,包括样式文件导入语法、全局组件配置方式以及页面组件使用方法,帮助开发者提高小程序开发效率。原创 2025-06-09 09:12:29 · 178 阅读 · 0 评论 -
微信小程序开发 RSA 加密
本文主要介绍如何保证信息在网络传输过程中的安全。我们都知道信息在传输中会被窃听、篡改、重传。如何保证他们的安全?现在最常用的就是信息加密,现在的加密方式有可逆和不可逆,比如常用的md5就是不可逆的,对称加密和非对称加密是可逆的,对称加密算法简单,消耗资源少,非对称加密算法复杂,更安全,消耗资源多。基于这些信息传输安全通常设计如下: (1)客户端产生一个登录包(包括用户账号、MD5密码信息、随机DES密钥)并使用RSA公钥加密登录包,然后将登录包发送到服务器。 (2)服务器接收密文登录包,使用RS原创 2025-05-06 09:09:14 · 606 阅读 · 0 评论 -
微信小程序 时间戳与日期格式的转换
微信小程序中的时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总秒数。例如现在北京时间2015-12-31 17:00:00的时间戳是1451552400,就是指从北京时间1970-01-01 08:00:00到2015-12-31 17:00:00已经过去了1451552400秒。原创 2025-04-19 13:51:40 · 1058 阅读 · 0 评论 -
微信小程序 关怀模式适配
使用感受:有用,能看到效果,节省大量时间,但是也有某些地方导致了布局混乱,或者没转换好,一大一小的。总结,或许给老年化模式下重新设计写一套布局稳妥点。原创 2025-04-12 15:04:56 · 1152 阅读 · 0 评论 -
【微信支付】API wx.requestPayment
wx.requestPayment 是微信小程序提供的支付功能接口,用于发起支付请求。开发者通过调用此接口,可以在小程序内拉起微信支付界面,完成支付流程。(1)跨平台支持:支持多种微信客户端,包括 Windows 版、Mac 版、鸿蒙 OS 版等。(2)安全性高:支付数据通过微信支付后台校验和加密,确保交易安全。(3)便捷性强:与微信生态深度集成,用户体验流畅。原创 2025-04-11 17:59:41 · 1564 阅读 · 0 评论 -
微信小程序支付流程(前端)
1、获取OpenID:通过wx.login()获得code,将code传给接口获得OpenID2、获取预支付核心数据:调用预支付接口,将OpenID与接口需要携带的其他参数,得到预支付核心数据;数据包含:【时间戳--timeStamp,随机字符串--nonceStr,预支付id--package,签名算法--signType,签名--paySign】3、发起微信支付:调用wx.requestPayment(),传递上一步获取的5个预支付核心数据,得到支付结果。原创 2025-03-12 14:52:42 · 3431 阅读 · 0 评论 -
微信小程序 自定义组件
首先,在项目的 components 目录下创建一个新的组件文件夹,比如命名为 my-component。在该文件夹内,至少包含三个文件:my-component.js(组件的逻辑)、my-component.json(组件的配置文件)、my-component.wxml(组件的结构)、my-component.wxss(组件的样式)。在页面的 JSON 配置文件中声明组件。原创 2024-09-08 21:37:22 · 1091 阅读 · 0 评论 -
微信小程序如何跳转微信公众号、长按识别图片进入公众号
登录微信公众号,点击【小程序管理】: 点击【添加】: 点击【关联小程序】: 输入小程序进行关联: 登录微信小程序,点击【设置】: 打开 “引导关注公众号”,设置需要关注的公众号: 首页添加代码: 如果关联的公众号为已认证企业号,可以添加如下代码: url 为公众号链接或公众号引导文章,公众号链接可以通过网上转码工具从公众号二维码转换出来。原创 2024-05-26 22:16:47 · 12768 阅读 · 2 评论 -
微信小程序 横向滑动和堆叠式轮播
初始需要给item们放置好位置以及各种层级,然后在切换滑动的过程中对设置的位置、层级、透明度进行替换,加上小程序的wx.createAnimation()动画效果。scroll-view在ios上没有显示滚动条,如果在安卓设备上会显示一个滚动条。注:因为在手机上看的话会有横向滚动条,下面这个css代码能去掉横向滚动条。原创 2024-05-26 09:15:42 · 2115 阅读 · 0 评论 -
微信小程序注册流程
新开通小程序则需要提供未注册过微信、从未绑定过微信公众号的邮箱号;法人的微信号(必须已绑定银行卡);法人的身份证号码、身份证正反面照片;管理员手机号和微信绑定的;公司的《企业工商营业执照》或者个体工商的《个体工商户营业执照》(若企业办理过三证合一,只需要三证合一的营业执照)原创 2024-03-19 19:51:13 · 2124 阅读 · 0 评论 -
微信小程序 使用npm包
van-button type="primary">按钮</van-button>原创 2024-02-04 19:04:52 · 1939 阅读 · 0 评论 -
微信小程序开发 逐级选择地区
微信小程序开发,逐级选择地区(市、区县、街道、社区、网格),选择每一级然后展示下一级数据。微信小程序逐级选择。原创 2024-01-28 09:07:58 · 1547 阅读 · 0 评论 -
微信小程序开发 调查问卷
开发一个“调查问卷”的案例来学习常用表单组件的使用,收集用户填写胡表单信息提交给服务器,或者从服务器获取数据后显示在表单中。调查问卷分为单选、多选、单行填空、多行填空,选项为必填时候,提交弹出必填项未提交提示。原创 2024-01-27 14:41:38 · 3751 阅读 · 3 评论 -
微信小程序 仿微信聊天界面
当软键盘弹起时,将scroll-view的高度缩短至软键盘遮挡不到的屏幕上方部分,当软键盘收起时,再将scroll-view的高度还原,这样解决了遮挡问题。(3)(推荐)将所有msg都编号如:msg-0,msg-1,msg-2…(1)计算每条消息的最大高度,设置scroll-top=(单条msg最大高度 * msg条数)px。在scroll-view中添加:scroll-into-view=‘{{toView}}’,点击输入框弹出软键盘后,将已有的少许聊天内容弹出,导致看不到的问题。原创 2024-01-26 11:04:21 · 8726 阅读 · 8 评论 -
微信小程序 上列表拉加载下拉刷新
(6)下拉刷新时,将页码重置为 1 然后再次调用接口即可,但是不要忘了刷新完成后要关闭刷新的操作:wx.hideNavigationBarLoading() 和 wx.stopPullDownRefresh()。(3) 请求接口,将新请求的数据通过 cancat 方法合并到 list 数组中,然后更新数据。(4)对数据进行判断,如果列表数据条数小于总条数,隐藏 “正在加载” 字样,显示 “已加载全部” 字样。(2) 在 js 文件中加上触底函数跟上拉函数。(5) 上拉加载时,改变文字状态,然后调用接口。原创 2023-12-23 15:37:05 · 2077 阅读 · 0 评论 -
微信小程序 实现可拖动悬浮图标
【代码】微信小程序 实现可拖动悬浮图标。原创 2023-12-21 20:28:22 · 1862 阅读 · 0 评论 -
微信小程序 动态设置状态栏样式
【代码】微信小程序 动态设置状态栏样式。原创 2023-12-21 20:02:52 · 1887 阅读 · 0 评论 -
微信小程序 文件下载、打开、转发
打开文件苹果手机需要添加**“ fileType: fileStr,”**指定文件类型,否则无法打开;android手机可加可不加。这里 wx.shareFileMessage只能在真机上才能进行调试,否则报错。原创 2023-12-21 19:32:37 · 3031 阅读 · 0 评论 -
微信小程序map组件,地图加载后marker标记点ios设备不显示,android正常显示
微信小程序使用map组件,获取当前位置,地图渲染后,在当前位置附近添加标记点,使用marker添加多个标记点。android设备能正常显示标记点图标,IOS设备不显示标记点图标。原创 2023-12-19 19:56:06 · 1886 阅读 · 0 评论 -
微信小程序 内置地图及打开外部地图导航
用户点击通过目的地经纬度打开地图展示坐标点,然后可以选择外部安装的地图app进行导航搜索。原创 2023-12-02 09:51:52 · 3321 阅读 · 0 评论 -
微信小程序 地图撒点
首先使用微信小程序自带标签,并且设置好宽高让地图显示,用longitude和latitude表示中心点。原创 2023-12-02 09:10:38 · 916 阅读 · 0 评论 -
微信小程序 服务端返回富文本,图片无法显示
微信小程序开发中,需要从服务端拿取数据渲染到页面上,后台返回的富文本里,图片路径有时是没有带域名前缀的,导致图片无法正常显示。原创 2023-11-25 16:07:25 · 1382 阅读 · 0 评论 -
微信小程序-跳转到另一个小程序
微信小程序-跳转到另一个小程序原创 2023-11-25 14:23:01 · 963 阅读 · 0 评论 -
微信小程序和H5之间互相跳转、互相传值
微信小程序和内嵌 H5 之间来回跳转,来回交互。原创 2023-11-11 15:40:56 · 6641 阅读 · 0 评论 -
微信小程序点单左右联动的效果实现
微信小程序点单左右联动的效果实现原理解析:点击左边标签会跳到右边相应位置:点击改变rightCur值,转跳相应位置滑动右边,左边标签会跳到相应的位置:监听并且设置每个右边元素的top和bottom,再判断当前滑动高度在那个元素之间,再改变左边的标签的tabCur,并且转跳相应位置。原创 2023-10-04 11:15:48 · 2172 阅读 · 0 评论 -
微信小程序——CSS3渐变
微信小程序——CSS3渐变原创 2023-10-03 17:17:07 · 2987 阅读 · 0 评论 -
微信小程序返回上一级页面并传值刷新
1 说明在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一页是不会刷 新的。如果上一页的页面加载是在onLoad方法中触发的话,那么可以修改为在onShow方法中触发。(1)onLoad(Object query):页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。(2)onShow:页面显示/切入前台时触发。值得注意的是:如果上一级的页面是从上上级页面跳过来的话,之前在onLoad方法原创 2021-10-24 17:04:58 · 11492 阅读 · 0 评论 -
微信小程序页面跳转的6种方式和区别
微信小程序页面跳转的5种方式和区别1.wx.navigateTo(OBJECT) 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’。wx.navigateTo({ url: 'test?id=1'}) 这种...原创 2020-04-03 08:44:27 · 3189 阅读 · 0 评论