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
  • 相关阅读:
    创建Graphics对象与Pen对象
    GDI+图形图像处理技术——GDIPlus绘图基础
    WPF的组成架构
    文件监控只FileSystemWatcher控件
    文件夹选择之FolderBrowserDialog控件
    SaveFileDialog控件
    文件选择之OpenFileDialog控件
    编码与解码
    写一个翻译小工具
    【转】字符集与字符编码简介
  • 原文地址:https://www.cnblogs.com/Webzhoushifa/p/9566595.html
Copyright © 2011-2022 走看看