小程序
一个执着的小前端
一个小前端
展开
-
微信小程序 自定义底部导航栏 custom-tab-bar
微信小程序中切换身份看到不同的导航栏可以用自定义的custom-tab-barcustom-tab-bar index.jsconst app = getApp();Component({ data: { selected: 0, color: "#7A7E83", selectedColor: "#3cc51f", list:[] }, attached() { this.setData({ list: app.global.原创 2021-07-01 09:38:17 · 1557 阅读 · 0 评论 -
微信小程序wx.getUserInfo不再弹出弹窗
2021年4月28日24时以后发布的新版本小程序,开发者通过组件调用wx.getUserInfo将不再弹出弹窗,直接返回匿名的用户个人信息,获取加密后的openID、unionID数据的能力不做调整;若开发者需要获取用户的个人信息(头像、昵称、性别与地区),可以通过wx.getUserProfile接口进行获取。具体参考公告:https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801...原创 2021-04-26 10:15:10 · 1169 阅读 · 0 评论 -
微信小程序弹出框滚动穿透问题
1.在你的遮罩层最外层加 catchtouchmove=“noneEnoughPeople” 里面是你的方法名2.noneEnoughPeople: function () { console.log('遮罩层禁止页面滑动') },原创 2020-07-07 11:07:51 · 986 阅读 · 3 评论 -
微信小程序获取当前日期年月日
var timestamp = Date.parse(new Date());var date = new Date(timestamp);//获取年var Y = date.getFullYear();//获取月var M = (date.getMonth() + 1 < 10 ? ‘0’ + (date.getMonth() + 1) : date.getMonth() + 1);//获取当日var D = date.getDate() < 10 ? ‘0’ + date.ge原创 2020-06-16 16:32:35 · 5594 阅读 · 0 评论 -
微信小程序折线图表折线图加区域图
1.先来个效果图这里我用的是插件@antv/f2-canvas(安装的方法如下)npm init 此处如果直接使用官方npm install 可能会出现没有node_modules错误npm install --production 建议使用–production选项,可以减少安装一些业务无关的 npm 包,从而减少整个小程序包的大小npm i @antv/f2-canvas 安装微信小程序 F2 图表组件安装好依赖包之后,运行 (点击开发者工具顶部详情,勾选 使用npm模块,原创 2020-06-12 13:59:40 · 1145 阅读 · 2 评论 -
微信小程序canvas保存海报真机不显示的坑
在开发者工具上正常显示,但是在真机或者手机预览的时候不显示。解决方法首先把你的网络路径改成临时路径wx.downloadFile({url: that.data.bgImgPath,//网络路径success: function (res) {//背景图that.setData({bgImgPath: res.tempFilePath})console.log(res.tempFilePath)console.log(‘开始绘制图片’)that.drawImage();//绘图的函数原创 2020-05-19 11:28:51 · 2174 阅读 · 1 评论 -
微信小程序自定义头部胶囊导航栏
引入自定义头部文件效果展示在app.js文件的 onshow 里加// 自定义导航栏let menuButtonObject = wx.getMenuButtonBoundingClientRect();wx.getSystemInfo({success: res => {let statusBarHeight = res.statusBarHeight,...原创 2020-03-05 11:37:26 · 1143 阅读 · 1 评论 -
微信小程序和H5之间相互跳转
1.微信小程序跳转小程序 wx.navigateToMiniProgramnavigateToMiniProgram(mAppId){ wx.navigateToMiniProgram({ appId: mAppId, path: ‘page/index/index?id=123’, extraData: { foo: ‘bar’ }, ...原创 2020-03-03 10:51:38 · 2988 阅读 · 0 评论