微信小程序 動(dòng)态綁定 style 樣式 和(hé)class - 新聞資(zī)訊 - 雲南小程序開發|雲南軟件開發|雲南網站(zhàn)建設-西山區知普網絡科技工作室

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不管是網站(zhàn),軟件還是小程序,都要直接或間接能為您産生價值,我們在追求其視覺表現的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網站(zhàn)成為營銷工具,讓軟件能切實提升企業(yè)内部管理水平和(hé)效率。優秀的程序為後期升級提供便捷的支持!

微信小程序 動(dòng)态綁定 style 樣式 和(hé)class

發表時間:2020-9-23

發布人:葵宇科技

浏覽次數:103

<view class="changeImageView" style="display:{{displayPhoto}}" >

<view class="operbtn">測試</view>

</view>

<view class="section section_gap">

<view class="section__input">

<button class="operBtn {{select==1?'activeClass':''}}" bindtap='selectBtn' data-num="1" >選項1</button>

<button class="operBtn {{select==2?'activeClass':''}}" bindtap='selectBtn' data-num="2" >選項2</button>

</view>

</view>

Page({
data: {
displayPhoto:'none',

select:1

},

selectBtn(event){
this.setData({
select: event.currentTarget.dataset.num

})

}

});

相關(guān)案例查看更多