위챗 애플릿 구덩이 밟기 기록

만약에 우리가 받은 설계도가 제목과 입력상자의 문자가 좌우로 정렬된다면 이럴 때 정상적인 정렬 양식을 사용하고 실제 기기에서 디버깅을 할 때 안드로이드와 iOS의 표현 형식이 다르다는 것을 발견할 수 있다. textarea의placeholder 문자는 항상 아래로 내려가서 골치 아프다. 이런 문제가 발생한 후에 관련 자료를 더 찾아보자.최종 결론:
위챗 애플릿textarea 구성 요소는 안드로이드와 iOS에서 기본 스타일이 다르기 때문에 iOS에서 기본padding이 있고 0을 설정할 수 없습니다.동시placeholder-style대vertical-align,line-height 등 대량의 css 속성은 모두 효력이 발생하지 않는다.이 일련의 문제로 인해 placeholder 실제 기기에서 편향이 나타날 수 있다.
원인을 알았으니 블로거가 이런 문제에 대한 해결 방향은 js를 통해 단말기 모델을 판단하고 동태적으로textarea의placeholder 양식에 가장 데이터 처리를 하는 것이다.
1. 위챗으로 봉인된 애플릿 APIgetSystemInfo를 통해 사용자가 애플릿 앱을 열 수 있는 단말기 모델을 얻는다.

wx.getSystemInfo({
	success: (res) => {
	  console.log(res.system)
	  var marTop;
	  if (res.system.indexOf("iOS") != -1) {
	    marTop = '-12rpx';
	  } else {
	    marTop = 0
	  }
	  that.setData({
	    marTop: marTop
	  })
	}
});

iOS의 경우 위쪽 오프셋-12rpx을 설정하고, 그렇지 않으면 오프셋 2, wxml의 textarea 구성 요소에 동적margin-top 스타일을 설정하지 않습니다.

</code></pre> 
  <p>                 ，                 。</p> 
 </div> 
</div>
                            </div>
                        </div>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

유니앱, 위챗 애플릿에서 MQTT 사용 문제

(1)MQTT.js는 JavaScript로 작성된 MQTT 프로토콜의 클라이언트 라이브러리로 Node에 사용할 수 있습니다.js와 브라우저.노드에서.js단은 전역 설치를 통해 명령행 연결을 사용할 수 있으며 MQTT...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

위챗 애플릿 구덩이 밟기 기록

좋은 웹페이지 즐겨찾기