欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序 JS動(dòng)態(tài)修改樣式的實(shí)現(xiàn)方法

 更新時(shí)間：2018年12月16日 11:37:58   作者：祈澈菇?jīng)? 
這篇文章主要給大家介紹了關(guān)于微信小程序JS動(dòng)態(tài)修改樣式的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

本文主要介紹了關(guān)于微信小程序 JS動(dòng)態(tài)修改樣式的相關(guān)內(nèi)容，分享出來(lái)供大家參考學(xué)習(xí)，下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧

先寫(xiě)一個(gè)不怎么好看的demo，通過(guò)點(diǎn)擊事件來(lái)控制view的元素屬性，把背景改變成藍(lán)色。

是這樣的效果：

代碼如下：

上一份小代碼

index.wxml

<view >
 <view class="cont" style="background:{{background}};">屬性改變</view>
 <button bindtap="tryDriver">測(cè)試</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"
 })
 }
})

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

wxml:

<view >
 <view class="cont" style="background:{{background}};color:{{color}};height:{{height}}">屬性改變</view>
 <button bindtap="tryDriver">測(cè)試</button>
</view>

js:

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

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論