這篇文章主要介紹了小程序如何使用js修改css,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

小程序用js修改css的方法:首先頁面動態(tài)綁定樣式變量;然后data對象中初始化變量;接著生命周期函數(shù)變量賦值;最后保存代碼左側(cè)查看效果。
小程序用js修改css的方法:
1、打開微信小程序開發(fā)工具,新建一個wxml文件,并添加view和button,設(shè)置樣式并綁定字體顏色變量

2、打開對應(yīng)頁面的js文件,在data對象中初始化變量color

3、在生命周期函數(shù)onLoad中,使用this.setData({color:'#000'})

4、保存代碼并刷新,查看左側(cè)模擬器對應(yīng)頁面模塊,看到按鈕字體顏色為黑色

5、再在頁面代碼style中,添加font-size并綁定變量fontSize

6、再在data對象中初始化變量fontSize,然后在onLoad中給fontSize賦值

7、再次保存代碼并查看左側(cè)模擬器,可以查看到字體變大了

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享小程序如何使用js修改css內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,詳細(xì)的解決方法等著你來學(xué)習(xí)!
網(wǎng)頁標(biāo)題:小程序如何使用js修改css-創(chuàng)新互聯(lián)
當(dāng)前URL:http://www.chinadenli.net/article8/dgsjip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站設(shè)計、企業(yè)建站、網(wǎng)頁設(shè)計公司、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容