帮我写一个uview中的索引列表示例

好的，以下是一个简单的 uView 索引列表示例：

<template>
  <view>
    <u-index-list
      :indexes="indexes"
      :list="list"
      :top="50"
      :index-background-color="'#f2f2f2'"
      :index-active-color="'#007aff'"
      :scroll-with-animation="true"
      @scroll-to-index="onScrollToIndex"
    />
  </view>
</template>

<script>
export default {
  data() {
    return {
      indexes: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K'],
      list: [
        {name: 'Aaron', age: 24},
        {name: 'Bob', age: 31},
        {name: 'Cathy', age: 18},
        {name: 'David', age: 27},
        {name: 'Emma', age: 22},
        {name: 'Frank', age: 29},
        {name: 'Grace', age: 25},
        {name: 'Henry', age: 20},
        {name: 'Isabella', age: 28},
        {name: 'Jack', age: 23},
        {name: 'Kevin', age: 30},
      ],
    };
  },
  methods: {
    onScrollToIndex(index) {
      console.log('scroll to index:', index);
    },
  },
};
</script>

在这个示例中，我们使用了 `u-index-list` 组件，它接受以下属性：

- `indexes`: 索引列表数组，例如 `['A', 'B', 'C']`。
- `list`: 列表数组，例如 `[{name: 'Aaron', age: 24}, {name: 'Bob', age: 31}]`。
- `top`: 索引列表距离屏幕顶部的距离，默认是 `0`。
- `index-background-color`: 索引背景颜色，默认是 `#f2f2f2`。
- `index-active-color`: 当前索引颜色，默认是 `#007aff`。
- `scroll-with-animation`: 是否使用动画滚动到指定索引，默认是 `true`。
- `@scroll-to-index`: 监听滚动到索引事件，参数为当前索引。

以上代码可以在 uView 的模板中使用，如果你需要在其他框架或原生小程序中使用索引列表，需要相应地更改代码。