So ändern Sie den Stil von Elementen mit einem Miniprogramm

1. Rufen Sie den Stil des Elements ab

Verwenden Sie wx.createSelectorQuery(), um das Element abzurufen

Was benötigt wird Hier ist zu beachten: Die Funktion zum Abrufen des Elementstils sollte in onReady platziert werden: 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. Ändern Sie den Stil des Elements

Die Idee hier ist, style zu verwenden, um einer Variablen den Stil von Elementen in WXML zu geben, und das top-Attribut durch Ändern des topList-Arrays zu ändern

<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 Chinesische Website, a große Anzahl kostenloser kleine Tutorials zur Programmentwicklung, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Stil von Elementen mit einem Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!