微信小程序实现点击添加移除class
微信小程序点击添加移除class类实现动态变化class
目前成都创新互联已为1000+的企业提供了网站建设、域名、网页空间、网站托管运营、企业网站设计、浚县网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
wxml:
北京 上海
wxss:
.location_bottom{height: 140rpx;line-height: 140rpx;color: #d91f16;font-size: 28rpx;border-top: 2rpx #ebebeb solid; border-bottom: 2rpx #ebebeb solid; padding: 0 20rpx; align-items: center;display: -webkit-flex;}
.add_city{width: 228rpx;height: 60rpx;line-height: 60rpx; text-align: center; border: 2rpx solid #ebebeb; color: #000000;margin-right: 20rpx; } .add_citying{width: 228rpx;height: 60rpx;line-height: 60rpx; text-align: center; border: 2rpx solid #09bb07; color: #09bb07;margin-right: 20rpx;}
js:
Page({ data: { _num: 0, }, clickNum: function (e) { console.log(e.target.dataset.num) this.setData({ _num: e.target.dataset.num }) }, onLoad: function (options) { } })
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
本文题目:微信小程序实现点击添加移除class
URL标题:http://azwzsj.com/article/gpjpdp.html