- 博客(21)
- 收藏
- 关注
RSS订阅原创 微信小程序一套代码支持两个小程序，两个小程序的后台环境跟主题色需要前端主动区分
本文介绍了微信小程序多环境配置方案：1.通过config.js和env/index.js文件管理测试/生产环境配置，包括appId、API地址等参数；2.修改project.config.json添加多环境条件编译配置；3.在app.js中实现环境切换逻辑，通过globalData存储当前环境配置；4.通过isRed参数实现不同小程序的主题色切换；5.部署时需修改config.js的ENV变量和开发者工具的appId。该方案实现了同一套代码适配多个小程序环境的需求，支持环境参数动态获取和主题色差异化配置。
2025-12-01 17:23:35
164
原创 微信小程序登录接口getPhoneNumber以及隐私协议弹框
本文介绍了一个微信小程序隐私授权组件的实现方案。该组件包含四个文件：index.js（核心逻辑）、index.json（配置文件）、index.wxml（模板）和index.wxss（样式）。组件功能包括：监听隐私授权状态变化、显示隐私协议弹窗、处理用户同意/拒绝操作，并支持"阅读后再同意"的流程控制。
2025-11-21 11:17:38
308
原创 微信小程序选择文件，并且限制doc，docx文件
注意点1：微信小程序选择文件上传是进入微信界面，如果需要提示有文件不符合条件或者无符合条件的文件，则需要避开使用wx.showToast，（在开发工具是显示的，但是真机会异步）。本文代码选择的是使用 wx.showModal让用户手动关闭。允许同时上传多个文件，文件选中后筛选掉不符合的文件，若没有符合的直接return，若有符合的则直接上传复合的文件。
2025-09-24 14:47:57
363
原创 微信小程序文件签字，含一页多个指定位置，多页多个指定位置以及实人认证
另：签字位置的大小其实应该根据web端指定位置等比缩放的，我这边因为签字基本是文件就是估了以下，后期拿到具体比例再进行缩放。其中swiper用的上下翻页的。
2024-07-02 14:26:25
537
原创 微信小程序class动态绑定
示例是除最后一条都加下划线并且除第一条给padding-top:10。(最外层要加上"[]"，不然不生效)示例是除最后一条都加下划线（微信小程序使用动态class前面不需要冒号）
2024-04-30 09:31:09
6423
原创 vue使用echarts和el-table,图表切换，图片下载，复杂表格导出
项目的某个页面设计如下。主要难点1.需要展示多个折线图或者横向堆叠柱状图,，图表切换。2.需要导出图片或者图表，图表展示或者下载都需要自行加上合计。
2024-01-09 17:52:46
1422
原创 微信小程序批量上传，下载图片或者特定格式的文件
不管是上传还是下载，记得先添加域名。微信公众平台--开发管理--开发设置--服务器域名里面的uploadFile合法域名和downloadFile合法域名按需要添加。
2023-12-11 14:40:11
1677
1
原创 微信小程序自定义tabbar
在 app.json 中的 tabBar开启custom 字段。所有 tab 页的 json 里需声明 usingComponents 项，也可以在 app.json 全局开启。"custom": true, // 表示使用自定义 tabbar"color": "#000000", // 可以不填 ， 兼容低版本"selectedColor": "#000000", // 可以不填 ， 兼容低版本"backgroundColor": "#000000", // 可以不填 ， 兼容低版本。
2023-12-11 14:10:57
632
1
原创 微信小程序自定义导航栏navBar组件
app.json里面window全局配置里有个参数：navigationStyle（导航栏样式），default=默认样式，custom=自定义样式。自定义需要配置为custom在需要使用自定义组件navBar的页面的json文件里面，设置navigationStyle为custom,并且引入组件。
2023-12-11 11:36:40
2190
1
转载 微信小程序swiper不限数量不卡顿轮播图优化组件
我的使用背景是在图片上签字，图片很多的时候会闪。最终采用的方案是把swiper 上的change事件改成了bindanimationfinish事件。找到一篇文章分享了代码，内容比较详细。
2023-12-11 10:59:16
357
1
原创 微信小程序web-view打开网页
打开官网，选择左侧开发管理，选择开发设置，往下找到业务域名，添加域名。设置时需要下载校验文件，并将文件放置在域名根目录下。web-view我使用比较多，搜索之后发现需要注意两个店，主要加了一个开关和转码。web-view.wxml页面。web-view.js页面。
2023-12-11 10:46:31
2328
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人