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

最新文章

  1. 实时事件统计项目:优化solr和morphline的时间字段
  2. Highchart使用json格式数据lineDemo
  3. Java Web进阶——Filter过滤器
  4. WOW: 宏
  5. Java-马士兵设计模式学习笔记-建造者模式
  6. Navicate
  7. 调查:Java程序员最亲睐的Web框架
  8. IP地址变动后,https://localhost:1158/em无法访问解决办法
  9. SVG六基本元素
  10. MySQL字符串相关函数学习二
  11. MySQL语法大全整理的自学笔记
  12. 【55】java异常机制剖析
  13. JS节流和防抖
  14. 在Ubuntu 18.04 安装 MySQL 8.0
  15. Linux系统下手把手完成无人值守安装服务
  16. Electron一学习资源收集和练习demo
  17. jquery日常使用总结
  18. VC Debug和Release区别
  19. SQL获取分组后取某字段最大一条记录(求每个类别中最大的值的列表)
  20. (4)Oracle基础--操作表中数据

热门文章

  1. AspNetCore3.1源码解析_2_Hsts中间件
  2. Vue2.0 【第二季】第5节 Template制作模板
  3. TCP/IP协议基本知识
  4. ES6中的find与filter的区别
  5. 我成功攻击了Tomcat服务器之后
  6. LeetCode | 287. 寻找重复数
  7. System.Text.Json 序列化对所有 JSON 属性名称使用 camel 大小写
  8. git 使用和一些错误
  9. Redis底层函数详解
  10. Mysql性能优化:什么是索引下推?