You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.2 KiB
40 lines
1.2 KiB
5 years ago
|
<scroll-view
|
||
|
|
class="page page-select-index"
|
||
|
|
enable-back-to-top
|
||
|
|
scroll-into-view="{{intoView}}"
|
||
|
|
scroll-top="{{scrollTop}}"
|
||
|
|
scroll-y
|
||
|
|
bindscroll="onScroll"
|
||
|
|
>
|
||
|
|
<view class="top-view">
|
||
|
|
<slot></slot>
|
||
|
|
</view>
|
||
|
|
<view class="index_list_item" wx:for="{{list}}" wx:key="alpha" id="{{item.letter=='#'?'hash':item.letter}}">
|
||
|
|
<view class="index-group__title">{{item.letter}}</view>
|
||
|
|
<view class="index-group__list">
|
||
|
|
<view wx:for="{{item.items}}" wx:key="name"
|
||
|
|
class="index-group__item"
|
||
|
|
data-item="{{item}}"
|
||
|
|
bindtap="choose">
|
||
|
|
<item data="{{item}}" ext="{{ext}}"/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
<view
|
||
|
|
class="anchor-bar__wrp wx-flex"
|
||
|
|
catchtouchstart='scrollTo'
|
||
|
|
catchtouchmove='scrollTo'
|
||
|
|
catchtouchend='removeTouching'
|
||
|
|
>
|
||
|
|
<view class="anchor-bar wx-flex__item">
|
||
|
|
<view class="anchor-list">
|
||
|
|
<block wx:for="{{alphabet}}" wx:key="*this" wx:for-item="alpha">
|
||
|
|
<view class="anchor-item {{current == alpha ? ( touching ? 'selected tapped' : 'selected' ): ''}}" data-alpha="{{alpha}}">
|
||
|
|
<view class="anchor-item__inner">{{alpha}}</view>
|
||
|
|
<view class="anchor-item__pop">{{alpha}}</view>
|
||
|
|
</view>
|
||
|
|
</block>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|