<block wx:if="{{layout == 'scroll'}}">
    <scroll-view scroll-x class="segmented-control segmented-theme-{{theme}} ex-class" style="{{exStyle}}" bindscroll="onScroll">
        <view id="sc-{{index}}" data-index="{{index}}" class="segmented-item {{index === current ? 'segmented-active' : ''}}" hover-class="segmented-item-hover" wx:for="{{values}}" wx:key="index" bindtap="onTap">
            <view class="segmented-item-content">{{item}}</view>
        </view>
        <view wx:if="{{theme == 'ios12'}}" class="segmented-highlight" style="transform:translateX({{offsetLeft}}px);width:{{lineWidth}}px;"></view>
    </scroll-view>
</block>
<block wx:else>
    <view class="segmented-control segmented-layout-center segmented-theme-{{theme}} ex-class" style="{{exStyle}}">
        <view id="sc-{{index}}" data-index="{{index}}" class="segmented-item {{index === current ? 'segmented-active' : ''}}" hover-class="segmented-item-hover" wx:for="{{values}}" wx:key="index" bindtap="onTap">
            <view class="segmented-item-content">{{item}}</view>
        </view>
        <view wx:if="{{theme == 'ios12'}}" class="segmented-highlight" style="transform:translateX({{offsetLeft}}px);width:{{lineWidth}}px;"></view>
    </view>
</block>