直接上代碼,迴圈列表,根據選中狀態顯示不同的樣式,active就是你在wxss文件裡面創建的類名 <view class="{{item.select ? 'active':''}}" wx:for="{{itemList}}" wx:key="{{item.id}}"> {{item.name}} ...
直接上代碼,迴圈列表,根據選中狀態顯示不同的樣式,active就是你在wxss文件裡面創建的類名
<view class="{{item.select ? 'active':''}}" wx:for="{{itemList}}" wx:key="{{item.id}}">
{{item.name}}
</view>
在一個標簽的class里添加{{}}模板語法,模板裡面是一個三元判別式,其中表達式一般引用data中的屬性,表達式返回true或者false,A,B是class名,按照三元判別式的邏輯引用A或B。
當然可以同時引用多個,如<view class="E F {{ 表達式?'A':'B' }} {{ 表達式?'C':'D' }}"></view>這行代碼引用了類E,F,選擇引用A或B,選擇引用C或D
也可以把三元判別式最後的參數去掉,以達到某個樣式的顯示或隱藏,如<view class="{{ 表達式?'A':'' }}" ></view>