微信小程序
爱酱丶
一介书生
展开
-
微信小程序开发---custom-tab-bar自定义tabBar首次点击闪烁问题
留坑:需要根据服务端返回的角色身份进行判断,展示不同的tabBar,微信小程序自带的tabBar已不满足需求,转而使用微信小程序的custom-tab-bar,进行动态展示,但遇到了首次点击每个item会有闪烁的情况,每个点击完之后,才会恢复正常,找了很多网上的回答,同样存在问题,记录一下,留个坑。参考网上优化方法:将custom-tab-bar中switchTab()方法内的selected赋值注释掉,因为在每个tabBar显示页的onShow里已经做了处理;switchTab(e: any)原创 2021-03-19 18:23:15 · 2506 阅读 · 8 评论 -
微信小程序开发之分包处理
微信小程序>>>分包1.pages同级创建一个文件夹managePages(自定义)2.在app.json里添加"subpackages"和"preloadRule",以后分包下的文件路径写在这个里面补充:"subpackages"和"preloadRule"和pages同级(代码如下) "pages": [{ ... }], // 主包下文件路径 "subpackages": [ { "root": "managePages",原创 2020-12-14 13:46:21 · 411 阅读 · 0 评论 -
wx.getUserProfile()的使用
wx.getUserProfile()的使用微信小程序20210303更新中新增了APIwx.getUserProfile()接口,用调试基础库2.15.0试了一下,记录:clickTab() { wx.getUserProfile({ lang: "en", desc: '测试一下获取用户信息', success: function (res: any) { console.log(res, '成功回调') }, fa原创 2021-03-24 14:06:55 · 3960 阅读 · 0 评论 -
记录van-dropdown-menu遇到的问题
需求: 点击遮罩层以外的地方 需要点击事件关闭下拉菜单方法: 给需要关闭的van-dropdown-item定义一个id,通过electComponent(id).toggle() 进行关闭具体操作:<van-dropdown-item id="gender" bind:open="popupShow" bind:close="popupClose" value="{{ filter.gender }}" options="{{ option3 }}" bind:change="change原创 2020-12-01 10:58:41 · 4476 阅读 · 1 评论 -
微信小程序开发----ios左右多出空白间隙可滑动问题
踩坑记录:出现原因,一个四周有留白的切图使用"position: absolute;right:-16rpx;bottom:106rpx;“导致ios出现多余空白边界,方法一:更换图片(将图切掉多余白边),改为"right:0;”;方法二:在最外层的view加上样式:“width: 100vw;overflow:hidden;"...原创 2021-03-19 14:04:41 · 1024 阅读 · 0 评论 -
wx.choosePoi的使用
v2.16.0新增API,尝试了下,开发版中的真机调试,不授权也能调用?我懵了。<view class="btn" catchtap="toShowAddress">打开地图</view>toShowAddress() { wx.choosePoi({ success(res: any) { console.log(res, '成功回调') }, fail(res: any) { console.log原创 2021-03-24 17:43:17 · 5563 阅读 · 4 评论 -
微信小程序开发之视频video组件报错:渲染层网络层错误
微信小程序开发之视频video组件报错:渲染层网络层错误视频正常播放、暂停,使用正常,但报错“From server 61.147.235.115console.error @ VM1074:1(anonymous) @ VM1101:2VM1102:1 Thu Sep 03 2020 09:50:58 GMT+0800 (中国标准时间) 渲染层网络层错误”如图:// 代码<view> <text>海量视频任你点击</text> <view&原创 2020-09-03 10:02:51 · 10665 阅读 · 5 评论 -
微信小程序弹窗显隐动态控制页面滚动
微信小程序弹窗显隐动态控制页面滚动需求描述:点击van-dropdown-menu菜单,弹出弹窗之后页面不可滚动,点击关闭弹窗时,页面恢复可滚动。方案一: 打开弹窗时,给页面page的style样式加上overflow: 'hidden',关闭弹窗时,去掉该样式。具体操作:<!-- wxml代码 --><van-dropdown-menu> <van-dropdown-item id="orderType" bind:open="popupShow" bind:c原创 2020-12-10 17:58:24 · 1391 阅读 · 11 评论 -
wx.chooseContact()报错“你选的手机号码格式错误,请重新选择”?
wx.chooseContact()报错“你选的手机号码格式错误,请重新选择”?微信小程序2.16.0版更新中重新开放了wx.chooseContact()接口,但是真机上显示报错“你选的手机号码格式错误,请重新选择”,很疑惑。<view class="btn" catchtap="chooseContact">选择联系人</view>chooseContact() { wx.chooseContact({ success: function (res:原创 2021-03-24 17:37:08 · 1399 阅读 · 0 评论 -
微信小程序---事件参数event的声明
interface eventType { changedTouches: [{ clientX: number, clientY: number, force: number, identifier: number, pageX: number, pageY: number }], currentTarget: { dataset: AnyObject, id: string, offsetLeft: number,原创 2021-06-15 15:22:44 · 1917 阅读 · 0 评论 -
npm run tsc报错 (声明文件报错||tsc.js报错)
tsconfig.json文件里已经设置了"exclude": [ "node_modules", "$node_modules" ]但不管用,于是在tsconfig.json里加上"skipLibCheck": true,忽略声明文件的检查。就不报错了:原创 2021-06-03 11:18:02 · 3668 阅读 · 0 评论 -
ts微信小程序----引入vant组件【二】
npm安装:npm i @vant/weapp -S --production修改 app.json,“style”: "v2"删掉:构建npmts支持:npm i @vant/weapp -S --production在tsconfig.json里加上以下代码:"baseUrl": ".","types": ["miniprogram-api-typings"],"paths": { "@vant/weapp/*": ["path/to/node_modul..原创 2021-06-01 11:32:00 · 1093 阅读 · 0 评论 -
ts微信小程序----新建【一】
新建一个空文件夹,存放项目新建项目:勾选npm修改project.config.json中packNpmManually为true,并新增路径"packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./miniprogram/" } ],..原创 2021-06-01 10:46:58 · 1679 阅读 · 0 评论