格式比较类似于之前的城市选择,但是之前的城市选择格式有些太过繁琐了,然后看到了一篇比较好的处理方式,是采用节点查询的方法来找到左侧字母的定位,而且页面上的渲染也简单了很多
页面的实现效果
- WXML
<block wx:for="{
{list}}">
<view class='letter' id="letter{
{index}}">{
{
index}}</view>
<view class='item' wx:for="{
{item}}" wx:for-item="idx">
{
{
idx.name}}
</view>
</block>
<view class='letters'>
<text wx:for="{
{list}}" bindtap='chooseLetter' data-letter="{
{index}}"