2024-12-01 11:56:54 +00:00
|
|
|
<view
|
|
|
|
class="ant-indexbar-side {{className}}"
|
|
|
|
disableScroll="{{true}}"
|
|
|
|
style="{{({ width: '' + size + 'px;' })}} {{style}}"
|
|
|
|
hoverStopPropagation
|
|
|
|
>
|
|
|
|
<view
|
|
|
|
a:if="{{showMask}}"
|
|
|
|
class="ant-indexbar-side-mask"
|
|
|
|
></view>
|
2024-11-10 07:01:22 +00:00
|
|
|
<view class="ant-indexbar-side-content">
|
|
|
|
<view
|
|
|
|
class="ant-indexbar-side-item"
|
|
|
|
catchTouchStart="onTouchStart"
|
|
|
|
catchTouchMove="onTouchMove"
|
|
|
|
catchTouchEnd="onTouchEnd"
|
2024-12-01 11:56:54 +00:00
|
|
|
data-item="{{({ item, index })}}"
|
2024-11-10 07:01:22 +00:00
|
|
|
id="{{'ant-alphabet-' + index}}"
|
2024-12-01 11:56:54 +00:00
|
|
|
style="{{({ width: '' + size + 'px', height: '' + size + 'px' })}}"
|
|
|
|
a:for="{{items}}"
|
|
|
|
a:for-index="index"
|
|
|
|
a:for-item="item"
|
2024-11-10 07:01:22 +00:00
|
|
|
>
|
|
|
|
<view
|
2024-12-01 11:56:54 +00:00
|
|
|
style="{{({ width: '' + size + 'px', height: '' + size + 'px' })}}"
|
2024-11-10 07:01:22 +00:00
|
|
|
class="ant-indexbar-side-item-default {{activeClassName}}
|
2024-12-01 11:56:54 +00:00
|
|
|
{{touchKey ? touchKey === item.label ? 'ant-indexbar-side-active' : '' : index === currentKey ? 'ant-indexbar-side-active' : ''}}"
|
2024-11-10 07:01:22 +00:00
|
|
|
>
|
|
|
|
{{item.label}}
|
|
|
|
</view>
|
2024-12-01 11:56:54 +00:00
|
|
|
<view
|
|
|
|
a:if="{{item.label === touchKey && !item.disablePreview && moving}}"
|
|
|
|
class="ant-indexbar-side-item-tip"
|
|
|
|
>
|
2024-11-10 07:01:22 +00:00
|
|
|
{{item.label}}
|
2024-12-01 11:56:54 +00:00
|
|
|
<slot
|
|
|
|
name="labelPreview"
|
|
|
|
value="{{item}}"
|
|
|
|
index="{{index}}"
|
|
|
|
></slot>
|
2024-11-10 07:01:22 +00:00
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<scroll-view
|
2024-12-01 11:56:54 +00:00
|
|
|
a:if="{{hasDefaultSlot}}"
|
|
|
|
scrollY
|
2024-11-10 07:01:22 +00:00
|
|
|
class="ant-indexbar-side-scroll {{hasDefaultSlot && topRange.length === 0 ? 'ant-indexbar-side-notSee' : ''}}"
|
2024-12-01 11:56:54 +00:00
|
|
|
scrollIntoView="{{'ant-indexbar-' + touchKey + ''}}"
|
|
|
|
onScroll="onScroll"
|
|
|
|
>
|
|
|
|
<view
|
|
|
|
class="ant-indexbar-side-list"
|
|
|
|
id="{{'ant-indexbar-' + (item.label) + ''}}"
|
|
|
|
a:for="{{items}}"
|
|
|
|
a:for-index="index"
|
|
|
|
a:for-item="item"
|
|
|
|
>
|
|
|
|
<slot
|
|
|
|
value="{{item}}"
|
|
|
|
index="{{index}}"
|
|
|
|
></slot>
|
2024-11-10 07:01:22 +00:00
|
|
|
</view>
|
|
|
|
</scroll-view>
|