이 글에서는 아이폰 하단 버튼을 적용하는 솔루션을 주로 소개합니다. 아이폰 때문에 부자들이 잇달아 사용하기 시작했습니다. 경험이 좋지 않은 가장 큰 단점은 상품 상세 페이지 하단의 버튼바와 쇼핑입니다. 카트는 홈 표시 막대와 겹쳐서 아래와 같이 아래 버튼을 클릭하면 실수로 제스처 작업이 실행되기 쉽습니다.
스크린샷은 인터넷에서 가져온 것입니다. 삭제가 버그인 경우에는 삭제해야 합니다. 경험상의 문제라면 최적화가 필요해서 바로 아이폰X를 구입해서 조사를 시작했습니다.
뷰포트 메타 태그와 다음 처리 솔루션을 사용하여 웹 페이지의 적응이 좋습니다. 자세한 내용은 여기를 참고해주세요
{ position: fixed; bottom: 0; width: 100%; height: constant(safe-area-inset-bottom); background-color: #fff; }
그런데 네 모서리가 잘린 모습을 보면 미니 프로그램의 뷰포트 핏이 기본적으로 커버되는 것을 유추할 수 있지만(성능을 기준으로 추측) 이를 변경할 수 있는 인터페이스가 없으므로 웹 페이지 측이 통과합니다. 상수(safe-area-inset-bottom)와 결합된 viewport-fix=cover의 적응 솔루션은 소규모 프로그램에는 적합하지 않습니다. 현재 iPhone X 및 기타 특수한 모양의 화면을 위한 특수 인터페이스나 필드가 있는 미니 프로그램을 본 적이 없습니다. 미니 프로그램 자체의 하단 탭 바를 아이폰 X에 적용한 것은 단순히 흰색 하단 바를 추가한 것인데, 이는 원래 탭 바의 위치를 향상시키는 것입니다. 이는 우리 장바구니 페이지에서 볼 수 있기 때문에 장바구니 페이지의 하단 흡입 동작은 position:fixed;bottom:0;을 통해 구현되지 않고, 상단 값은 windowHeight-자신의 높이를 기준으로 계산되어 시뮬레이션됩니다. The Bottom sucking, in a small 새 버전의 프로그램이 iPhone X에 적용된 후, 장바구니 하단의 버튼이 반쯤 가려져 위와 같은 결론이 나왔습니다.
본론으로 돌아가서, 이 값을 얻을 수 있는 특별한 솔루션이 없기 때문에 wx.getSystemInfo 인터페이스를 통해서만 장치 정보를 얻을 수 있습니다. 이 인터페이스를 사용하는 방법은 다음과 같습니다.
wx.getSystemInfo({ success: function(res) { console.log(res.model) console.log(res.pixelRatio) console.log(res.windowWidth) console.log(res.windowHeight) console.log(res.language) console.log(res.version) console.log(res.platform) } })
모델은 모델이고 모델에 iPhone X가 포함된 경우 해당 장치는 iPhone X로 간주될 수 있습니다. 항목 파일 app.js에서 이를 감지한 다음 isIpx 필드를 전역적으로 추가하고 결과를 isIpx에 할당합니다.
값은 하위 페이지(예: 제품 세부 정보 페이지)에서 읽을 수 있습니다.
<!-- goods.wxml --> <view class="button-group {{isIpx?'fix-iphonex-button':''}}">这是一个吸底按钮区域</view> // goods.js let app = getApp(); Page({ data: { isIpx: app.globalData.isIpx?true:false } }) /* app.wxss */ .fix-iphonex-button { bottom:68rpx!important; } .fix-iphonex-button::after { content: ' '; position: fixed; bottom: 0!important; height: 68rpx!important; width: 100%; background: #fff; }
이로써 iPhone X 하단의 둥근 모서리에 적응하는 간단한 솔루션이 완성되었습니다.
68rpx를 사용하는 이유는 iPhone의 화면 너비 때문입니다
스크린샷은 인터넷에서 가져온 것이므로 삭제하고 삭제합니다위 내용은 모두를 위해 정리한 내용입니다. 미래.
관련 기사:
JS에서 스택을 표현하기 위해 두 개의 대기열을 구현하는 방법
노드의 vue 프로젝트에서 프런트엔드와 백엔드 분리를 달성하는 방법
Vue 애플리케이션을 구축하는 방법 vue-cli를 통해
사용법 Angularjs 필터가 동적 검색을 구현하는 방법
위 내용은 WeChat 미니 프로그램에서 iPhone X에 하단 흡입 버튼을 적용하는 방법(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

苹果xs max是苹果第十二代。“X”是罗马数字中的10,“X”代表苹果向iPhone问世十周年的致敬;2017年9月13日,iPhone X正式发布,该产品为苹果第十一代产品;iPhone XS Max是2018年9月13日发布的,为第十二代苹果手机。

iphone13 mini是单卡。iphone13 mini是苹果公司于2021年9月15日发布的一款智能手机,其SIM卡片类型为nano-SIM卡,并不兼容现有的micro-SIM卡,因此不支持双卡模式;该机为5G(sub-6 GHz)全网通手机(支持中国联通、中国移动和中国电信),支持GSM/EDGE、UMTS/HSPA+、DC-HSDPA网络。

iphone13 pro可以插2张卡。iPhone13 Pro是苹果公司于北京时间2021年9月15日发布的智能手机,支持双卡双待,支持双卡nano-SIM卡,但不兼容现有的micro-SIM卡;应用双卡要求运用两项移动通信服务,不支持同一时刻使用两项CDMA移动通信服务,且仅部分运营商支持双VoLTE。

iphone13摄像头旁边的小孔是麦克风,采用双唛降噪设计,是辅助副送话器收音用的,可以用来降低环境噪音和提升通话语音的清晰度的。由于在拍摄视频的时候会由于环境噪音导致被摄主体的收音效果不佳,目前大部分的智能手机都会在机身上设置有多个降噪麦克风,用来录制周围环境的噪音,结合降噪算法,实现降噪效果。

iphone13是双卡双待,iphone13系列中只有“iPhone 13 mini”不是双卡双待;苹果iPhone13支持双卡双待,双卡类型为“nano-SIM”,不支持现有的“micro-SIM”卡,需要正反两面安装SIM卡,一共可以安装两张“12mm*9mm nano-SIM”卡。

区别:1、苹果11采用A13仿生处理芯片,具有4核图形处理器和8核神经网络引擎;而13采用采用A15仿生处理芯片,具有4核图形处理器和16核神经网络引擎。2、苹果11屏幕尺寸为6.1英寸Liquid 视网膜高清显示屏;而苹果13屏幕尺寸为6.1英寸超视网膜XDR显示屏。3、苹果11的屏幕对比度为1400:1对比度,而苹果13的屏幕对比度为2000000:1对比度。

iphone数据漫游是指iPhone蜂窝网络下的“数据漫游”功能,而数据漫游就是跨运营商的漫游;在国内,该功能无论是打开或者关闭,都是没有任何作用的,因为它只是针对国际上不同的移动运营商起作用。

区别:1、教育优惠比官网标价(普通版)要便宜。2、教育优惠官网下单速度会比普通版慢,普通版有货的状态一般是1-3个工作日就发货了,教育优惠版比较快的也是几天时间,如果是遇到了开学前大量学生购买的高峰期,可能要排队几个星期。3、教育优惠适用人群为准大学生、大学生、教职工(包括大中小学以及特殊教育学校的教职工群体);而普通版的适用人群比较广。


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

Dreamweaver Mac版
시각적 웹 개발 도구

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.
