미니 프로그램으로 요소의 스타일을 변경하는 방법

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]+&#39;px&#39;}};z-index:{{index}}" 
    id="{{&#39;card&#39;+index}}" 
    wx:for="{{people}}" 
    wx:key="{{index}}" 
    catchtap="cardClick"
>
</view>

PHP 중국어 웹사이트, 다수의 무료소형 프로그램 개발 튜토리얼, 학습을 환영합니다!

위 내용은 미니 프로그램으로 요소의 스타일을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!