小程序-仿微信通讯录-字母导航

由于数据都是写死的 其中 通讯录的列表太长 就只放了一个 说明数据结构
结构

<scroll-view scroll-y scroll-into-view="{
  {scroll}}" >
  <view class="con">
    <view class="con_list" id="{
  {con.title}}" wx:for="{
  {con_list}}" wx:key="" wx:for-item="con">
      <view class="title">{
  {con.title}}</view>
      <view class="list" wx:for="{
  {con.list}}" wx:key="" wx:for-item="list">
        <image src="{
  {list.img}}"></image>
        <view class="name">{
  {list.name}}</view>
      </view>  
    </view>
  </view>
</scroll-view>
<!-- 字母导航 -->
<view class="nav {
  {touchmove =