作者:CoCo培培_409 | 来源:互联网 | 2023-05-18 07:50
1、mpvue怎么新建页面?(1)粘贴复制一个页面文件夹,只需要改文件夹名-文件名不需要改,main.js里的东西不用动。exportdefault里更改局部顶部栏配置。(2)index.
1、mpvue怎么新建页面?
(1)粘贴复制一个页面文件夹,只需要改文件夹名- 文件名不需要改,main.js里的东西不用动。export default里更改局部顶部栏配置。
(2)index.vue里面可以更改内容。
2、mpvue页面跳转与传值?
(1)在mpvue中没有继续延用vue路由的写法,而是继承小程序的一套解决方案,
(2)用小程序的方法跳转传值。
var url = "../one/main?id=" + this.option
wx.navigateTo({url})
(3)
onShow (options) {
let id = options.id
}
(2)在所有 页面 的组件内可以通过 this.$root.$mp.query 进行获取小程序在 page
onLoad 时候传递的 options。要注意:写在mounted函数里,写到created报错。
(3)在所有的组件内可以通过 this.$root.$mp.appOptions 进行获取小程序在 app
onLaunch/onShow 时候传递的 options。
4、如何做不同分辨率设备的自适应?
(1)以iphone6的物理像素750*1334为视觉稿进行设计,而在小程序中使用rpx为单位,iphone6下 1px = 1rpx = 0.5pt
(2)使用rpx小程序会在不同分辨率的设备下自动进行转换,而px不会
(3)建议设计团队按iphone6双倍效果图为标准,抠图双倍图片会增加项目大小,建议用单倍抠图。
(4)不是所有的单位都适合rpx,字体不适合rpx,会导致不同设备看不清。醉虾开发是手动调整的。
(5)微信小程序也支持rem尺寸单位,rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx=35rpx
作者:醉虾不醉
链接:https://www.jianshu.com/p/4751291b5f9b