<add>(index-list.doc): custom item slot

Author: AmyFoxFN

document/components/docs/zh-CN/index-list.md

@@ -62,13 +62,82 @@
     }
   }
   ```
+  
+- 自定义插槽
+  
+  除了默认结构，你还可以根据自己的需要自定义每一项的内容。如下所示，将你的自定义内容项填入`cube-index-list-item`的插槽。除非你真的知道自己在做什么，否则不要修改`cube-index-list-group`和`cube-index-list-item`的用法。
+  
+  ```html
+  <cube-index-list :data="cityData">
+    <cube-index-list-group 
+      v-for="(group, index) in cityData"
+      :key="index"
+      :group="group">
+      <cube-index-list-item
+        v-for="(item, index) in group.items"
+        :key="index"
+        :item="item"
+        @select="selectItem">
+        <div class="custom-item">我是自定义 {{item.name}}</div>
+      </cube-index-list-item>
+    </cube-index-list-group>
+  </cube-index-list>
+  ```
+  ```javascript
+  export default {
+    data() {
+      return {
+        cityData: cityData
+      }
+    },
+    methods: {
+      selectItem(item) {
+        console.log(item.name)
+      },
+      clickTitle(title) {
+        console.log(title)
+      }
+    }
+  }
+  ```
+  ```stylus
+  // 自定义项的样式
+  .custom-item
+    position: relative
+    height: 70px
+    line-height: 70px
+    padding: 0 16px
+    font-size: $fontsize-medium
+  
+  // 用自定义样式，覆写内置的默认样式
+  .cube-index-list-content
+    background-color: #222
+    color: #909090
+  .cube-index-list-anchor
+    background-color: #333
+    height: 30px
+    line-height: 30px
+    padding: 0 0 0 20px
+  .cube-index-list-nav
+    padding: 20px 0
+    border-radius: 10px
+    background: rgba(0,0,0,.3)
+    >ul
+      >li
+        padding: 3px
+        font-size: 12px
+        color: #909090
+        &.active
+          color: #ffcd32
+  ```
 
 ### Props 配置
 
 | 参数 | 说明 | 类型 | 默认值 |
 | - | - | - | - |
 | title | 标题 | String | - |
 | data | 需要展示的数据 | Array | [] |
+| speed | 点击导航栏索引时，滚动到相应位置的动画时间（单位：ms） | number | 300 |
 
 - `data` 子配置项