学无先后,达者为师

网站首页 编程语言 正文

微信小程序动态绑定class

作者:web半晨 更新时间: 2022-06-06 编程语言


1、html部分

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

2、JavaScript部分

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

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

原文链接:https://blog.csdn.net/weixin_51157081/article/details/123668064

栏目分类
最近更新