博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iPhone X适配
阅读量:7075 次
发布时间:2019-06-28

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

hot3.png

app.js里面判断是否为iPhone X

// 获取设备信息let _this = this;wx.getSystemInfo({    success(res) {        let deviceModel = 'iPhone X';        if (res.model.indexOf(deviceModel) > -1) {            console.log(res.model);            _this.globalData.isIpx = true;        }    },});

在wxml文件中class里面写上三目运算符,在wxss里面给iPhone X写上独立的样式

立即购买
立即购买

在其他页面如下代码获取isIphoneX的值

isIphoneX: app.globalData.isIphoneX,//是否是IphoneX

wxss部分:

.fix-iphonex-button {  bottom: 68rpx !important;}.fix-iphonex-button::after {  content: '';  position: fixed;  bottom: 0 !important;  height: 68rpx !important;  width: 100%;  background: #fff;}

 

 

转载于:https://my.oschina.net/whatwhy/blog/2998258

你可能感兴趣的文章
什么场景应该用 MongoDB ?
查看>>
mysql悲观锁以及乐观锁总结和实践
查看>>
机器的自我进化
查看>>
.Net 垃圾回收机制原理(二)
查看>>
使用生成器展平异步回调结构,JS篇
查看>>
1.请求安全-- 一个简单的 单设备登录 单点登录
查看>>
Resx 文件无效,未能加载 .RESX 文件中使用的类型
查看>>
基础业务集成开发平台(BusinessWorks) - 概要设计篇
查看>>
开发者和程序员需要关注的42个播客
查看>>
基于am3358的lcd输出
查看>>
超链接点击一次就失效不能再点击
查看>>
umount device is busy
查看>>
linux GTK 安装
查看>>
在CentOS上安装与配置Tomcat
查看>>
如何在VS2008中自定义多项目模板
查看>>
服务模拟-ServiceMock
查看>>
数据产品设计专题(2)-数据产品设计方法论
查看>>
如何在Kettle4.2上面实现cassandra的输入与输出
查看>>
Boost中的一些实用技术
查看>>
数据库优化和SQL操作的相关题目
查看>>