
<view class="side-directory"> 
  <view class="flex">
    <view class="side">
      <view class="side-item flex-center-xy {{current == index ? 'side-item-select' : ''}} {{current - 1 == index ? 'side-item-select__first' : ''}} {{current + 1 == index ? 'side-item-select__after' : ''}}" wx:for="{{specs}}" wx:for-item="item" wx:key="index" data-id="{{item.id}}" data-current="{{index}}" bindtap="selectSide">
        <text class="{{current == index ? 'side-vertical' : ''}}"></text>
        <text>{{item.specName}}</text>
      </view>
      <view class="side-item-last"></view>
    </view>
    <view class="container">
      <view class="con-list flex flex-left flex-wrap">
        <view class="con-item flex-center-xy {{item.selected ? 'con-item__select' : ''}}" wx:for="{{cons == null ? specs[0].children : cons}}" wx:for-item="item" wx:key="index" data-current="{{index}}" data-id="{{item.id}}" bindtap="selectCon">{{item.spceName}}</view>
      </view>
    </view>
  </view>
  <view class="operate" wx:if="{{operateBtn}}">
    <lz-button styleName="font-size: 16px; width: 100%; height: 44px; line-height: 44px; border-radius: 22px;" label="{{operateBtn}}" type="blue"></lz-button>
  </view>
</view>