37 lines
1.5 KiB
Plaintext
37 lines
1.5 KiB
Plaintext
|
<view class="ant-indexbar-side {{className}}" disable-scroll="{{true}}" style="{{{ width: `${size}px;` }}} {{style}}" hover-stop-propagation>
|
||
|
|
<view a:if="{{showMask}}" class="ant-indexbar-side-mask"></view>
|
||
|
|
<view class="ant-indexbar-side-content">
|
||
|
|
<view
|
||
|
|
a:for="{{items}}"
|
||
|
|
class="ant-indexbar-side-item"
|
||
|
|
catchTouchStart="onTouchStart"
|
||
|
|
catchTouchMove="onTouchMove"
|
||
|
|
catchTouchEnd="onTouchEnd"
|
||
|
|
data-item="{{item, index}}"
|
||
|
|
id="{{'ant-alphabet-' + index}}"
|
||
|
|
style="{{{ width: `${size}px`, height: `${size}px` }}}"
|
||
|
|
>
|
||
|
|
<view
|
||
|
|
style="{{{ width: `${size}px`, height: `${size}px` }}}"
|
||
|
|
class="ant-indexbar-side-item-default {{activeClassName}}
|
||
|
|
{{touchKey ? ((touchKey === item.label) ? 'ant-indexbar-side-active' : '') : (index === currentKey ? 'ant-indexbar-side-active' : '')}}"
|
||
|
|
>
|
||
|
|
{{item.label}}
|
||
|
|
</view>
|
||
|
|
<view class="ant-indexbar-side-item-tip" a:if="{{item.label === touchKey && !item.disablePreview}}">
|
||
|
|
{{item.label}}
|
||
|
|
<slot value="{{item}}" index="{{index}}" name="labelPreview"/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<scroll-view
|
||
|
|
a:if="{{ hasDefaultSlot }}"
|
||
|
|
scroll-y
|
||
|
|
class="ant-indexbar-side-scroll {{hasDefaultSlot && topRange.length === 0 ? 'ant-indexbar-side-notSee' : ''}}"
|
||
|
|
scroll-into-view="{{`ant-indexbar-${touchKey}`}}"
|
||
|
|
onScroll="onScroll">
|
||
|
|
<view a:for="{{items}}" class="ant-indexbar-side-list" id="{{`ant-indexbar-${item.label}`}}">
|
||
|
|
<slot value="{{item}}" index="{{index}}"/>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|