热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

mpvue-新建页面、页面跳转、自适应单位

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

推荐阅读
  • Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • 本文介绍了如何使用vue-awesome-swiper组件,包括在main.js中引入和使用swiper和swiperSlide组件,以及设置options和ref属性。同时还介绍了如何在模板中使用swiper和swiperSlide组件,并展示了如何通过循环渲染swipes数组中的数据,并使用picUrl属性显示图片。最后还介绍了如何添加分页器。 ... [详细]
  • VueCLI多页分目录打包的步骤记录
    本文介绍了使用VueCLI进行多页分目录打包的步骤,包括页面目录结构、安装依赖、获取Vue CLI需要的多页对象等内容。同时还提供了自定义不同模块页面标题的方法。 ... [详细]
  • 使用圣杯布局模式实现网站首页的内容布局
    本文介绍了使用圣杯布局模式实现网站首页的内容布局的方法,包括HTML部分代码和实例。同时还提供了公司新闻、最新产品、关于我们、联系我们等页面的布局示例。商品展示区包括了车里子和农家生态土鸡蛋等产品的价格信息。 ... [详细]
  • 1223  drf引入以及restful规范
    [toc]前后台的数据交互前台安装axios插件,进行与后台的数据交互安装axios,并在main.js中设置params传递拼接参数data携带数据包参数headers中发送头部 ... [详细]
  • 项目需要实现弹幕,网上参考了各种方法,最后觉得transform+transition实现的效果在移动设备上性能最好,在iphone6和红米4上测试,看不到 ... [详细]
  • 使用HTML创建弹出框以便用户输入信息
    在做项目的过程中,我们时常需要进行一些弹框操作,比如在后台管理时需要进行的一些增删改操作,这个时候我们需要使用到弹框,或者在 ... [详细]
  • 微信小程序 button、checkbox、radio组件
    微信小程序的button、checkbox、radio三个组件都属于表单组件官方参考文档:https:developers.weixin.qq.comminiprog ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • 本文介绍了在wepy中运用小顺序页面受权的计划,包含了用户点击作废后的从新受权计划。 ... [详细]
  • 本文记录了在vue cli 3.x中移除console的一些采坑经验,通过使用uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,包括设置minimizer、UglifyJsPlugin和compress等参数,最终成功移除了console。同时,还包括了一些可能出现的报错情况和解决方法。 ... [详细]
  • Tooltips效果,鼠标经过显示提示 ... [详细]
  • 一、选择器CSS规则由选择器以及声明组成。*选择器分组*h1,h2,h3{}*后代选择器*pem{}*子元素选择器*pem{}*兄弟选择器(选择位于其后具有相同父元素的元素)*h ... [详细]
  • HTML制作简单首页导航
    h1大标题:李广程的作业列表查看演示地址一:http:js.lgcweb.cn查看演示备用地址:http:39.105.0.128Ja ... [详细]
author-avatar
CoCo培培_409
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有