web前端之微信小程序动态绑定class与style

---

class

---

html

<view class="transition-box">
	<view class="transition {{isShow?'is-show':''}}" bindtap="clickSwitch">
		<text style="font-size: 32rpx; font-weight: 700;">点击切换</text>
	</view>
</view>

---

JavaScript

Page({
	/**
	 * 页面的初始数据
	 */
	data: {
  		isShow: false,
	},

	// 点击事件
	clickSwitch() {
  		this.setData({
    		isShow: !this.data.isShow
  		});
	},
})

---

style

敬请期待… …