微信小程序判断手机机型信息及dpr

微信小程序判断手机机型信息及dpr=2、3

出现这个原因是因为手机`dpr`不同，导致在显示二维码时出现位置偏移。首先能想到的就是获取设备信息，根据不同机型而解决问题。

1.wxml 开控制位置间距`variable`

<view class="moreSwiperDad" style="left:{{variable}};"><swiper class="moreSwiper" bindchange='testDetails' current="{{current}}" indicator-dots="ture" circular="{{false}}" ><block wx:for="{{canvasList}}" wx:key="index" wx:for-item="item"><view class="" style="overflow: hidden;" ><swiper-item class="moreSwiper-son {{indexS}}"><view class="code_wid_hei"><canvas class='code' canvas-id='myqrcode{{index+1}}'></canvas><view class='code' wx:if="{{!showQrCode}}">132131</view><view class="" style="height:60rpx;width:100%;"></view><text class='codeNum'>出示二维码，轻松签到\n凭证号：{{item.codeData}}</text></view></swiper-item></view></block></swiper>
</view>

2.js

var that = this;
const res = wx.getSystemInfoSync()
//判断是否为iphonex
console.log(res) //打印出手机机型所有信息
if(res.pixelRatio === 2){ //dpr=2  modelconsole.log('dpr=2')that.setData({variable: that.data.variable,});
}else if(res.pixelRatio === 3){//dpr=3 比如iphone X之类的console.log('dpr=3')that.setData({variable: "30.6%",});
}
if(res.model == 'iPhone XR' || res.model == 'iPhone XR<iPhone11,8>'){that.setData({variable: "30.6%",});
}

一、下面看有问题的

二、解决之后

微信小程序判断手机机型信息及dpr相关推荐

微信小程序判断手机机型，iPhone X及以上机型留出底部空白
1.在app.js内判断 App({isIPhoneX: false, // 当前设备是否为 iPhone XkBottomSafeHeight: 0, // X 34 ,其余 0 // 判断设备是否 ...
微信小程序判断手机系统
index.wxml文件 Android or IOS {{textinfo}} index.js文件 Page({ data: { textinfo:'' }, getphonesystem:fun ...
微信小程序---判断苹果11及以上型号手机
微信小程序-判断苹果11及以上型号手机在app,js全局中 onLaunch: function () {var t = this;wx.getSystemInfo({success: functi ...
微信小程序获取手机验证码短信验证码后端功能实现解析
本文原创首发CSDN,链接 https://mp.csdn.net/console/editor/html/106041472 ,作者博客https://blog.csdn.net/qq_414641 ...
微信小程序部分安卓机型无法保存图片的问题解决办法
微信小程序部分安卓机型无法保存图片的问题解决办法 == 问题描述:项目中保存图片到本地相册的功能部分机型出现bug,测试发现问题在部分安卓机型上复现== 原因是:部分安卓手机调用 wx.downloa ...
微信小程序地图获取地点信息（打卡签到功能为例）-2020-7-26
目录微信小程序地图获取地点信息(打卡签到功能为例) 效果图前提步骤首先需要了解的代码部分配置性代码功能性代码 demo 下载微信小程序地图获取地点信息(打卡签到功能为例) 解决方案:利用 ...
微信小程序2022最新用户信息授权设置
微信小程序2022最新用户信息授权设置微信小程序中用户信息授权一直是一个非常重要的功能,它有着提升用户体验.进行用户身份认证.便于开发者进行数据分析等作用. -- 但是用户授权功能涉及到用户隐私 ...
微信小程序授权获取用户信息和手机号码
微信小程序授权获取用户信息和手机号码 1.微信官方文档登录:https://developers.weixin.qq.com/miniprogram/dev/framework/open-abili ...
解决微信小程序安卓手机访问不到图片，无法显示图片
关于微信小程序不显示图片通病可能有以下几个可能性: 非本地图片:确定图片资源存在,copy 图片url再浏览器打开,确定图片资源存在且能正常访问本地图片:确定相对路径或者绝对路径正确微信小程序图 ...

微信小程序判断手机机型信息及dpr

微信小程序判断手机机型信息及dpr=2、3

出现这个原因是因为手机`dpr`不同，导致在显示二维码时出现位置偏移。首先能想到的就是获取设备信息，根据不同机型而解决问题。

1.wxml 开控制位置间距`variable`

2.js

一、下面看有问题的

二、解决之后

微信小程序判断手机机型信息及dpr相关推荐

最新文章

热门文章

微信小程序判断手机机型信息及dpr

微信小程序判断手机机型信息及dpr=2、3

出现这个原因是因为手机dpr不同，导致在显示二维码时出现位置偏移。首先能想到的就是获取设备信息，根据不同机型而解决问题。

1.wxml 开控制位置间距variable

2.js

一、下面看有问题的

二、解决之后

微信小程序判断手机机型信息及dpr相关推荐

最新文章

热门文章

出现这个原因是因为手机`dpr`不同，导致在显示二维码时出现位置偏移。首先能想到的就是获取设备信息，根据不同机型而解决问题。

1.wxml 开控制位置间距`variable`