微信小程序代码片段.pdfVIP

微信⼩程序代码⽚段 2021/10/16 最近在做微信⼩程序，这⾥会记录项⽬中遇到的知识点，近期会不断更新补充！ ⼀、获取图⽚宽⾼ // wxml image src={{imgSrc}} bindload=imgLoadFunc style=width:{{contentImgWidth}}rpx; height:{{contentImgHeight }}rpx;/image // js data:{ contentImgWidth: 0, contentImgHeight: 0, }, imgLoadFunc: function(e) { var tempWidth = e .detail.width ; // 获取图⽚实际宽度 var tempHeight = e .detail.height; // 获取图⽚实际⾼度 this.setData({ contentImgWidth: tempWidth, contentImgHeight: tempHeight }) }, ⼆、图⽚点击可发⼤查看 // wxml image src={{imgList[0]}} bindtap=preview data-src={{imgList[0]}}/image image src={{imgList[1]}} bindtap=preview data-src={{imgList[1]}}/image image src={{imgList[2]}} bindtap=preview data-src={{imgList[2]}}/image // js Page({ data : { imgList : [ /70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=508387608,2848974022fm=26gp=0.jpg, /70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3139953554,3011511497fm=26gp=0.jpg, /70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1022109268,3759531978fm=26gp=0.jpg ] }, //预览图⽚，放⼤预览 preview(event) { console.log(event.currentTarget.dataset.src) let currentUrl = event.currentTarget.dataset.src wx.previewImage({ 当前显⽰图⽚的 链接 current: currentUrl, // http 需要预览的图⽚ 链接列表 urls : this.data.imgList // http }) } }) 三、获取屏幕宽⾼ onLoad: function () { this.setData({ height : wx.getSystemInfoSync().windowHeight, width : wx.getSystemInfoSync().windowWidth }) } 四、打开APP端 注意 当⼩程序从 APP 打开的场景打开时（场景值 1069），⼩程序会获得返回 APP 的能⼒，此时⽤户点击按钮可以打开拉起该⼩程序的 APP。即⼩程序不能打开任意 APP，只能 跳回 APP。 五、去掉右上⾓返回键 //home.wxml view bindtap=gotopost另⼀种跳转⽅式/view //home.js gotopost(){ wx.reLaunch({url: /pages/post/index?id=62}); } //post.js onShow(){ wx.hideHomeButton(); }, 六、⼦组件使⽤全局样式 如果没有这句话，⼩程序中的样式会在样式前加 index– Component({