小程序交流群:528215729,加入和小伙伴们一起探讨开发疑难、运营idea吧

admin

admin

发表于 2018-05-13 14:11:03

摘要:小程序接触后爬坑 (微信小程序开发 - 微信 小程序外包开发-微信小程序 开发教程-微信小程序开发者社区,尽在 www.mntuku.cn)

1.微信小程序单位

rpx单位是微信小程序的css尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx。如iPhone6上屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

微信小程序也支持rem尺寸单位,rem和rpx的换算关系:rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx 
注:开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。
建议:设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px,这样的话,设计图上量出来的尺寸是多少px就是多少rpx,至于在不同的设备上实际上要换算成多少个rem就交给小程序自己换算

 2.小程序跳转tabBar

用wx.redirectTo()  和 wx.navigateTo()跳转无效

可以使用wx.switchTab({url: "../user/user"})   (绝对有效)

3.小程序里面要设置width100%,height100%

body,html{width:100%.height:100%}这是无效的,

可以这样做:page{width:100%;height:100%}

4.audio调整倍率要使用属性setPlaybackRate






var app = getApp()
Page({

data: {
action:null
},
audioPlay:function(){
this.setData({action:{method:"play"}})
},
audioPause:function(){
this.setData({action:{method:"pause"}})
},
audioPlaybackRateSpeedUp:function(){
this.setData({action:{method:"setPlaybackRate",data:4}})
},
onLoad: function () {
console.log(onLoad)
var that = this
//调用应用实例的方法获取全局数据
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
})
}
})

 5.发起请求时报

你需要在后台-设置这里配置合法的域名

 

61阅读 | 0评论
你的回应