mpvue系列:新建页面、页面跳转、自适应单位

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)<navigator url="'../test/main?id='+id></navigator>,用hover-class传动态参数,怎么传还没弄懂。
(4)a标签也可以跳转,用href属性。

3、mpvue接受页面传过来的值。

(1)必须是在onLoad钩子函数往后的生命周期中获取

onShow (options) {

    let id = options.id

}

(2)在所有 页面 的组件内可以通过 this. r o o t . root. root.mp.query 进行获取小程序在 page

onLoad 时候传递的 options。要注意:写在mounted函数里,写到created报错。

(3)在所有的组件内可以通过 this. r o o t . root. 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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值