小程式如何改變元素的樣式

angryTom
發布: 2020-03-26 11:24:37
原創
4281 人瀏覽過

小程式如何改變元素的樣式

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中元素的樣式利用style給一個變量,透過修改topList這個數組來修改top屬性


登入後複製

PHP中文網,大量免費小程式開發教程,歡迎學習!

以上是小程式如何改變元素的樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!