怎么在微信小程序中動態修改樣式

怎么在微信小程序中動態修改樣式？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：空間域名、網站空間、營銷軟件、網站建設、湄潭網站維護、網站推廣。

index.wxml

<view >
 <view class="cont" >屬性改變</view>
 <button bindtap="tryDriver">測試</button>
</view>

index.wxss

.cont{
 height: 150rpx;
 line-height: 150rpx;
 text-align: center;
 border: 1px solid #89dcf8;
 margin-bottom:112rpx;
 margin:13rpx;
}

index.js

Page({
 data: {},
 tryDriver: function() {
 this.setData({
  background: "#89dcf8"
 })
 }
})

一次性修改多個屬性，比如同時改變背景顏色，字體顏色，字體大小等樣式

wxml:

<view >
 <view class="cont" >屬性改變</view>
 <button bindtap="tryDriver">測試</button>
</view>

js:

Page({
 data: {},
 tryDriver: function() {
 this.setData({
  background: "#89dcf8",
  color:'#ffffff',
  height:"322rpx"
 })
 }
})

看完上述內容，你們掌握怎么在微信小程序中動態修改樣式的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

本文名稱：怎么在微信小程序中動態修改樣式
文章位置：http://m.kartarina.com/article44/pipshe.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、網站制作、網站維護、商城網站、網站建設、定制網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯