1. 요소의 스타일을 가져옵니다
wx.createSelectorQuery()를 사용하여 요소를 가져옵니다.
여기서 주목해야 할 것은 요소의 스타일을 가져오는 함수가 에 배치되어야 한다는 것입니다. onReady: function(){}
let that = this const query = wx.createSelectorQuery() query.select('.detail-card').boundingClientRect() query.select('.detail-header').boundingClientRect() query.exec((res => { that.setData({ cardHeight: res[0].height, headerHeight: res[1].height }) }))
2. 요소 스타일 수정
여기서 아이디어는 WXML의 요소 스타일을 사용하여 변수를 제공하고 topList array
<view class="detail-card" style="top:{{topList[index]+'px'}};z-index:{{index}}" id="{{'card'+index}}" wx:for="{{people}}" wx:key="{{index}}" catchtap="cardClick" > </view>
PHP 중국어 웹사이트, 다수의 무료소형 프로그램 개발 튜토리얼, 학습을 환영합니다!
위 내용은 미니 프로그램으로 요소의 스타일을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!