<![CDATA[<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>]]>
<![CDATA[<p id="vfaef"><kbd id="vfaef"></kbd></p>]]>
|
|
| |
|
|
|
|---|
| |
| |
|
| <![CDATA[<listing id="e4lbe"></listing>]]>|
|
| |
| | <![CDATA[<small id="e4lbe"></small>]]> | |
|---|
|
站長(zhǎng)資訊網(wǎng)![小程序如何改變?cè)氐臉邮?/></p>
<p><strong>1、獲取元素的樣式</strong></p>
<p>使用wx.createSelectorQuery()來(lái)獲取元素</p>
<p>這里需要注意的是：獲取元素樣式的函數(shù)應(yīng)該放在<strong>onReady：function(){}</strong>這個(gè)里面</p>
<pre>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 }) }))</pre>
<p><strong>2、修改元素的樣式</strong></p>
<p>這里思路是WXML中元素的樣式利用style給一個(gè)變量，通過(guò)修改topList這個(gè)數(shù)組來(lái)修改top屬性</p>
<pre><view class="detail-card" style="top:{{topList[index]+'px'}};z-index:{{index}}" id="{{'card'+index}}" wx:for="{{people}}" wx:key="{{index}}" catchtap="cardClick" > </view></pre>
<p>PHP中文網(wǎng)，大量免費(fèi)小程序開發(fā)教程，歡迎學(xué)習(xí)！</p>
<p>
</article>
<div id=](http://www.sfodin.cn/wp-content/uploads/2020/03/20200326_5e7c661f9692c.jpg)
