博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序兼容iphoneX(齐刘海)代码,mpvue的写法
阅读量:7065 次
发布时间:2019-06-28

本文共 510 字,大约阅读时间需要 1 分钟。

好像写了这个代码就兼容iphoneX以上,这段代码只写了底部,顶部其实也一样

1.main.js

在该文件定义一个全局的globalData

Vue.prototype.globalData = getApp().globalDatawx.getSystemInfo({  success: res => {    // console.log('手机信息res'+res.model)    let modelmes = res.model;    if (modelmes.search("iPhone X") != -1) {      app.globalData.isIphoneX = true;    }  }});复制代码

然后在需要适配的页面

2.index.vue

复制代码

3.index.js

data() {    return {        isIphoneX: this.globalData.isIphoneX, //适配iphonex    }}复制代码

4.index.css

.isIphoneX-class {  padding-bottom: 64rpx;}复制代码

转载地址:http://zzoll.baihongyu.com/

你可能感兴趣的文章
.html 、.htm 、 .shtml 以及 .shtm 四种扩展名的文件区别
查看>>
Flink - DataStream
查看>>
第一类与第二类曲面积分的关系与变换
查看>>
《卑劣的街头》影评
查看>>
10 款非常棒的CSS代码格式化工具推荐
查看>>
Windows Phone开发之路(5) XAML基础(中)
查看>>
hibernate tool使用备忘
查看>>
使用Hint时的注意事项
查看>>
单源最短路径算法--Dijkstra算法和Bellman-Ford算法
查看>>
UVA 10405 Longest Common Subsequence (动态规划 LCS)
查看>>
CURL常用命令
查看>>
阿里巴巴技术团队博客
查看>>
ASIHTTP
查看>>
舌尖上的程序员
查看>>
POJ2485:Highways(模板题)
查看>>
java 单例模式
查看>>
IIS8 使用FastCGI配置PHP环境支持 过程详解
查看>>
互联网TCP/IP五层模型(一)
查看>>
ftrace 简介【转】
查看>>
用H5中的Canvas等技术制作海报
查看>>