uni-segmented-control.wxml 1.2 KB

1
  1. <view class="{{['segmented-control',styleType==='text'?'segmented-control--text':'segmented-control--button']}}" style="{{'border-color:'+(styleType==='text'?'':activeColor)+';'}}"><block wx:for="{{values}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['_onClick',[index]]]]]}}" class="{{['segmented-control__item',styleType==='text'?'':'segmented-control__item--button',index===currentIndex&&styleType==='button'?'segmented-control__item--button--active':'',index===0&&styleType==='button'?'segmented-control__item--button--first':'',index===values.length-1&&styleType==='button'?'segmented-control__item--button--last':'']}}" style="{{'background-color:'+(index===currentIndex&&styleType==='button'?activeColor:'')+';'+('border-color:'+(index===currentIndex&&styleType==='text'||styleType==='button'?activeColor:'transparent')+';')}}" bindtap="__e"><view><text class="{{['segmented-control__text',styleType==='text'&&index===currentIndex?'segmented-control__item--text':'']}}" style="{{'color:'+(index===currentIndex?styleType==='text'?activeColor:'#fff':styleType==='text'?'#000':activeColor)+';'}}">{{item}}</text></view></view></block></view>