zoukankan      html  css  js  c++  java
  • 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.$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
  • 相关阅读:
    Java线程状态和关闭线程的正确姿势
    Eclipse最全的编码设置
    Maven中的src/test/java颜色不正常
    web.xml 各版本的 Schema 头部声明
    程序员面试系列
    几款强大的网页生成工具
    endnoteX9批量导入enw
    关于Ubuntu16.04里安装elasticsearch-head显示集群健康值未连接的问题
    U盘做了系统盘,写入如硬盘映像过程中终止,怎么格式化硬盘重新写入?
    使用jupyter notebook出现kernel error
  • 原文地址:https://www.cnblogs.com/Webzhoushifa/p/9566595.html
Copyright © 2011-2022 走看看